Drawer
Maximize screen real estate and improve navigation with Rothko UI's Drawer component. Create hidden side panels or overlays that slide in and out, perfect for menus, filters, or additional content, providing a seamless user experience.
Usage
import { Drawer } from '@rothko-ui/ui';
- Example
- Code
Blur
- Example
- Code
Props
Name | Type | Default | Description |
---|---|---|---|
Name className | Type string | Default | Description The CSS class name for the Drawer. |
Name id | Type string | Default | Description Unique identifier for the Drawer. |
Name onClose | Type () => void | Default | Description Callback function called when the Drawer is closed. |
Name open | Type boolean | Default false | Description Determines whether the Drawer is open or closed. |
Name style | Type React.CSSProperties | Default | Description The inline style for the Drawer. |
Name blur | Type boolean | Default false | Description Determines whether the Drawer is blurred. |