默认的, Drawer会充满视口. (CSS的postion为fixed)
可以给Drawer指定target属性, Drawer会定位在target内(CSS的postion为absolute)
注意: target元素必须设置relative相对定位, 而且应该给它一个高度.
默认情况下, 点击背景幕布会关闭抽屉, 可以将clickOutsideClose属性设置为false可以禁用默认行为.
| 属性名 | 类型 | 是否必须 | 默认值 | 说明 |
|---|---|---|---|---|
| anchor | "left" | "right" | undefined | no | ||
| clickOutsideClose | boolean | undefined | no | true | click drawer outside close drawer |
| defaultOpen | boolean | undefined | no | ||
| onChange | ((open: boolean) => void) | undefined | no | ||
| open | boolean | undefined | no | ||
| slots | { side?: string | undefined; overlay?: string | undefined; } | undefined | no | ||
| target | string | HTMLElement | undefined | no |