Sheet

A panel that slides in from the edge of the screen, extending the dialog primitive.

$bunx shadcn@latest add @nx-ui/sheet
Registry item
Installs withbuttonutils
Used bysidebar

Basic

SheetTrigger opens the popup; SheetHeader groups the title and description. A close button is rendered in the corner by default.

Side

The side prop sets which edge the sheet slides in from: top, right, bottom or left.

No close button

Set showCloseButton to false on SheetContent when every exit should be an explicit, labelled action.

Composition: edit site details

A form sheet with labelled fields, a select and a textarea, matching Nexus ReGen's site editor.

Controlled with pending state

Drive open yourself to keep the sheet open while a submission is in flight, then close it once the work resolves.

API reference

Exported parts and their props, extracted from the component source.