Drawer
Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.
Properties
| Property | Required | Type | Description |
|---|---|---|---|
| id | No | str | |
| open | No | bool | |
| responsive | No | str (one of: xs, sm, md, lg, xl) | |
| end | No | bool | |
| Any additional properties | No | any |
Children
Accepts children of type:
| Component | Description |
|---|---|
| DrawerContent | |
| DrawerSide |
Examples
Navbar menu for desktop + sidebar drawer for mobile
<{Drawer id="drawer1"}>
<{DrawerContent}>
<{Navbar sidebar_toggle="drawer1" sidebar_toggle_responsive="lg"}/>
</{DrawerContent}>
<{DrawerSide id="drawer1"}>
<{Menu}/>
</{DrawerSide}>
</{Drawer}>