Sheet

A drawer from any of the four edges. The edge it slides from keeps a lit border.

pulls in@base-ui/reactlucide-react@afterglow/theme

Installation

npx shadcn@latest add @afterglow/sheet

Composition

Component structure.

Sheet
├── SheetTrigger
└── SheetContent
    ├── SheetHeader
    │   ├── SheetTitle
    │   └── SheetDescription
    ├── SheetFooter
    └── SheetClose

API Reference

SheetContent

The edge it slides from keeps a lit border, so an open drawer reads as something pulled out of the frame.

Prop	Type	Default
side	"top" \| "right" \| "bottom" \| "left"	"right"

Everything else is Base UI dialog's API, documented there.