Drawer
The Drawer component is used to additional information.
1. Import
KUMUI exports 6 Drawer-related components:
import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription } from "@rohitgadekar/kimui";
2. Usage
3. API
3.1 Drawer
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Drawer components like trigger, content, header, etc. | - |
3.2 DrawerTrigger
| Attribute | Type | Description | Default |
|---|---|---|---|
| asChild | boolean | Whether the DrawerTrigger is wrapped inside another component (like a Button) | false |
3.3 DrawerContent
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Main content of the Drawer, where the actual drawer content goes | - |
3.4 DrawerHeader
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Header content for the Drawer, such as a title or description | - |
3.5 DrawerTitle
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | The title text for the Drawer header | - |
3.6 DrawerDescription
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | A description text under the title in the Drawer | - |