Skip to content
AFTERGLOW

Search the registry

Search components and documentation.

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.

PropTypeDefault
side"top" | "right" | "bottom" | "left""right"

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