KDrawer
Open a drawer to display data or forms.
Install
bash
pnpm add @ikun-ui/drawerpnpm add @ikun-ui/drawerbash
yarn add @ikun-ui/draweryarn add @ikun-ui/drawerbash
npm install @ikun-ui/drawernpm install @ikun-ui/drawerBasic usage
Open the drawer by setting the value attribute
Left or right
You can choose to open from the right or left
Drawer Props
| Name | Type | Default | Description |
|---|---|---|---|
| placement | 'right' / 'left' | right | The placement in which the drawer opens |
| target | null / HTMLElement | - | Depending on which element to open the drawer |
| value | boolean | false | open the Drawer |
| cls | string | - | Additional class |
| attrs | any | {} | Additional attributes |
Drawer Events
| Name | Description | Type |
|---|---|---|
| close | Event fired when the value is false | (e: Event)=> void |
Drawer Slots
| Name | Description |
|---|---|
| default | Customize Drawer content |