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