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