KDrawer

Open a drawer to display data or forms.

Install

pnpm

pnpm add @ikun-ui/drawer

yarn

yarn add @ikun-ui/drawer

npm

npm install @ikun-ui/drawer

Basic usage

Open the drawer by setting the value attribute

Click mask to close

Set closeOnClickMask to true to close the drawer when clicking outside

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
closeOnClickMask	boolean	false	Whether to close the Drawer when clicking the mask
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