KDrawer
Open a drawer to display data or forms.
Install
bash
pnpm add @ikun-ui/drawer
bash
yarn add @ikun-ui/drawer
bash
npm install @ikun-ui/drawer
Basic usage
Open the drawer
by setting the value
attribute
Custom header
Implement custom header through slots
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 |
value | boolean | false | open the Drawer |
cls | string | - | Additional class |
attrs | Record<string, string> | {} | 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 |