Sheet
适用场景
- 移动端导航
- 需要一直留在屏幕上的筛选
- 一边看列表、一边检查或编辑某一项
短确认、居中打断用 Dialog。
用法
用法
方向
方位
API 参考
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
side | "top" | "right" | "bottom" | "left" | "right" | 面板滑入的方向，设置在 SheetContent 上。 |
closeButtonVisible | boolean | true | SheetContent 角落的关闭按钮；自行提供关闭控件时设为 false。 |
asChild | boolean | false | 用于 SheetTrigger 和 SheetClose，子节点必须是 button。 |
open | boolean | — | Sheet 的受控打开状态。 |
onOpenChange | (open: boolean) => void | — | Sheet 打开或关闭时调用。 |
说明
- 默认
side是right。 - 只有自己提供关闭控件时，才把
closeButtonVisible设为false。 - 和 Dialog 一样，
asChild的子节点必须是 button。