Skip to content

Drawer 抽屉

用于从屏幕边缘滑出的面板,适合详情、设置和辅助操作区。

js
import { html } from '@kupola/platform'
import { Drawer } from '@kupola/components/drawer'

const drawer = Drawer({ title: '详情', placement: 'right' }, html`<p>内容</p>`)
document.body.appendChild(drawer.element)
drawer.open()

常用选项

选项说明
title抽屉标题
placement弹出方向
width宽度
closableOnMask是否允许点击遮罩关闭

方法

  • open()
  • close()
  • toggle()
  • destroy()