Drawer


Examples


None


children
React node
Drawer children, only use Drawer namespaced components
closeOnEscape
bool
default: true
If true, closes the drawer when the escape key is pressed
closeOnOutsideClick
bool
default: true
If true, closes the drawer when the clicking outside the drawer
id
string
Required
Dom element ID of the drawer, provided by useDrawer
onChange
func
Callback function when drawer open state changes
onClose
func
Callback function to close the drawer, provided by useDrawer
open
bool
Required
Open state of the drawer, provided by useDrawer
portalId
string
Controls the target container ID for the rendering React portal
position
string
default: right
Possible values:
"right"
"left"
Position of the drawer
portalId
string
Controls the target container ID for the rendering React portal

None


children
React node
Drawer header title
showCloseButton
bool
default: true
Shows the close button in the header
onClose
func
Callback function to close the drawer, provided by useDrawer

padding
Learn More
children
React node
Drawer's main content

padding
Learn More
children
React node
Drawer Footer's content