Drawer
Slide-in panel for additional content.
Basic
Simple drawer
Positions
Drawer positions
Profile Menu Drawer
Custom styled drawer for user profile menu
Main Props
Name | Type | Default | Description |
---|---|---|---|
children | React.ReactNode | - | Content inside the drawer |
actions | React.ReactNode | - | Element used to open the drawer |
position | 'left' | 'right' | 'top' | 'bottom' | 'right' | Drawer position |
customClose | React.ReactNode | - | Custom close icon |
Class Props
Name | Type | Default | Description |
---|---|---|---|
className | string | '' | Class for drawer container |
classNameContent | string | '' | Class for content wrapper |
classNameAction | string | '' | Class for action element |
classNameWrapperClose | string | '' | Class for close wrapper |
classNameClose | string | '' | Class for close button |
classNameOverlay | string | '' | Class for overlay |