KDrawer
Open a drawer to display data or forms.
Install
bash
pnpm add @ikun-ui/drawer
pnpm add @ikun-ui/drawer
bash
yarn add @ikun-ui/drawer
yarn add @ikun-ui/drawer
bash
npm install @ikun-ui/drawer
npm install @ikun-ui/drawer
Basic 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 |