Sheet
A dialog panel that slides in from an edge of the screen.
Side panel
A right-side sheet with a header, form fields, and footer actions.
API reference
A dialog panel that slides in from an edge. A Trigger opens a portalled Content with header/footer, title, description, and close.
Full props on Base UI DialogAnatomy
Sheet | Root managing the sheet's open state. |
SheetTrigger | Opens the sheet; pass a Button via the render prop. |
SheetClose | Closes the sheet; wrap a Button via the render prop. |
SheetContent | The sliding panel; takes a side prop (default right). |
SheetHeader | Top section for the title and description. |
SheetFooter | Bottom section for action buttons. |
SheetTitle | Accessible heading for the panel. |
SheetDescription | Muted supporting text under the title. |