Sheet

shadcn/ui

8 sub-components

Slide-over panel from any edge. Use for ticket detail views, settings panels, and filters — the table stays visible behind.

@/components/ui/sheet

Sides

In-context — ticket detail panel

Right-side Sheet is the primary pattern for ticket details. The table stays visible and interactive behind the overlay.

Sheet vs Dialog

Use Sheet when

• Ticket / record detail view

• Settings with many fields

• Filter sidebar

• Table stays visible behind

• Content is tall or scrollable

Use Dialog when

• Confirmation (delete, archive)

• Short create form

• Requires full attention

• Action is destructive

• Content fits in a compact box

Sub-components

Component	Role
Sheet	Root — manages open/closed state (wraps Radix Dialog)
SheetTrigger	Element that opens the sheet on click
SheetContent	The sliding panel — accepts side: right \| left \| top \| bottom
SheetHeader	Container for SheetTitle and SheetDescription
SheetTitle	Required accessible title (rendered as h2)
SheetDescription	Optional subtitle / description text
SheetFooter	Action area at the bottom — Cancel + Save pattern
SheetClose	Programmatically close the sheet from inside

On this page