Drawer
A Drawer is a slide-in panel that appears from the side of the screen to display additional content or actions without leaving the current page.
API References
PropTypeDefault
boolean / (open: boolean) => void
—
PropTypeDefault
icon / title / description / badge ReactNode
—
showTextButton / textButtonLabel / onTextButtonClick boolean / ReactNode / () => void
false
showCloseButton / onClose boolean / () => void
true
PropTypeDefault
"stretch""basic""checkbox""toggle""steps""link"
"stretch"
showCancelButton / cancelLabel / continueLabel / onCancel / onContinue —
—
checked / onCheckedChange / checkboxLabel boolean / (checked: boolean) => void / ReactNode
—