Components · Overlays
Alias for Drawer — slide-in sheet panel.
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| Sheet.Root | compound | — | — | Root provider that manages open/close state. Exported from Drawer. |
| Sheet.Trigger | compound | — | — | Element that opens the sheet. |
| Sheet.Portal | compound | — | — | Portals the overlay and content into the document body. |
| Sheet.Overlay | compound | — | — | Dimmed backdrop rendered behind the sheet. |
| Sheet.Content | compound | — | — | The sheet panel. Accepts a side prop. |
| side | 'left' | 'right' | 'top' | 'bottom' | — | — | Edge of the screen from which the sheet slides in. |
| Sheet.Header | compound | — | — | Header section of the sheet panel. |
| Sheet.Footer | compound | — | — | Footer section of the sheet panel. |
| Sheet.Title | compound | — | — | Accessible title for the sheet. |
| Sheet.Description | compound | — | — | Supporting description text for the sheet. |
| Sheet.Close | compound | — | — | Element that closes the sheet. |
import { Sheet } from '@nexub/react';