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

AttributeTypeDescriptionDefault
children

React.ReactNode

Drawer components like trigger, content, header, etc.-

3.2 DrawerTrigger

AttributeTypeDescriptionDefault
asChild

boolean

Whether the DrawerTrigger is wrapped inside another component (like a Button)false

3.3 DrawerContent

AttributeTypeDescriptionDefault
children

React.ReactNode

Main content of the Drawer, where the actual drawer content goes-

3.4 DrawerHeader

AttributeTypeDescriptionDefault
children

React.ReactNode

Header content for the Drawer, such as a title or description-

3.5 DrawerTitle

AttributeTypeDescriptionDefault
children

React.ReactNode

The title text for the Drawer header-

3.6 DrawerDescription

AttributeTypeDescriptionDefault
children

React.ReactNode

A description text under the title in the Drawer-