Drawer
An interactive element fixed to the edge of the screen.
Usage
First of all, you need to import the Drawer
component from the @tonightpass/kitchen
package.
import { Drawer } from "@tonightpass/kitchen"
Default
Custom height
Callback
Props
Name | Type | Default | Required | Description | Accepted values |
---|---|---|---|---|---|
show | boolean | - | ✅ | The current state of the drawer (shown or not). | - |
onDismiss | () => void | - | - | The dismiss event handler of the modal. | - |
onAnimationDone | () => void | - | - | The animation event handler. | - |
children | React.ReactNode | - | - | - | |
height | number | - | - | The drawer's height. | - |