Skip to content
On this page

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 ​

NameTypeDefaultDescription
placement'right' / 'left'rightThe placement in which the drawer opens
targetnull / HTMLElement-Depending on which element to open the drawer
valuebooleanfalseopen the Drawer
clsstring-Additional class
attrsany{}Additional attributes

Drawer Events ​

NameDescriptionType
closeEvent fired when the value is false(e: Event)=> void

Drawer Slots ​

NameDescription
defaultCustomize Drawer content

MIT Licensed