---
category: overlays
---

# Sheet

Source: `components/ui/sheet.tsx`.

`Sheet` is a compound component. Its parts are exported **flat** (`SheetTrigger`, not
`Sheet.Trigger`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `SheetTrigger` | `React.ComponentProps<typeof SheetPrimitive.Trigger>` |
| `SheetClose` | `React.ComponentProps<typeof SheetPrimitive.Close>` |
| `SheetContent` | `React.ComponentProps<typeof SheetPrimitive.Content> & {…}` |
| `SheetHeader` | `React.ComponentProps<'div'>` |
| `SheetFooter` | `React.ComponentProps<'div'>` |
| `SheetTitle` | `React.ComponentProps<typeof SheetPrimitive.Title>` |
| `SheetDescription` | `React.ComponentProps<typeof SheetPrimitive.Description>` |

All parts accept `className` and are composed as children of `Sheet`.