Skip to main content

BottomSheet

Function BottomSheet 

Source
pub fn BottomSheet(props: BottomSheetProps) -> impl IntoView
Expand description

底部抽屉。

从底部以 heavy 弹簧升起;点遮罩、按 Esc、点按或向下拖过 80px 把手关闭。打开时聚焦 标有 aria-current="page" 的项,没有时聚焦第一个链接或按钮;关闭后焦点回到 trigger_id 指向的按钮。打开期间锁住页面滚动。子组件用 use_sheet_close 关闭。

Props:

  • open:开关(读写,关闭动画结束后由组件置回 false)
  • id / trigger_id / label:面板 id、触发按钮 id 与无障碍名称
  • children:抽屉内容(打开时才渲染,每次打开重新创建)

§Required Props