移动端导航
@astryxdesign/core v0.7.1 · MobileNav
MobileNav Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
isOpen | boolean | false | 打开状态,配合 v-model:is-open。 |
header | string | - | 抽屉标题。也可以用 header 插槽。 |
width | number | 320 | 抽屉宽度,单位像素。 |
side | 'start' | 'end' | 'auto' | 'auto' | 从哪一侧滑入。 |
label | string | 标题或当前语言的「导航」 | 没有标题时作为对话框的无障碍名称。 |
MobileNav 事件
| 名称 | 说明 |
|---|---|
update:isOpen | 打开状态变化,用于 v-model:is-open。 |
openChange | 打开状态变化时触发。 |
MobileNavToggle Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
isOpen | boolean | false | 和抽屉绑同一个 v-model:is-open。 |
label | string | 打开时「关闭」,关闭时「打开菜单」 | 按钮的无障碍名称。 |
controls | string | - | 对应抽屉的 id,写到 aria-controls。 |