网站
Actions - 页面操作
分享操作菜单与返回顶部控件。
用法
什么时候用它
将通用无障碍控件连接到应用负责的分享和滚动操作。
来自@misoto22/folio/website
import { ActionMenu } from '@misoto22/folio/website'说明
支持碰撞避让和方向键焦点移动的操作菜单,也可以使用设备原生操作作为触发行为。
实践建议
推荐
- 提供本地化标签、含义明确的链接和有用的图片替代文本。
避免
- 不要在展示组件中放入服务凭据、路由逻辑或后端模型。
示例
条目操作菜单
无障碍操作菜单将每个选项交给应用回调处理。此条目的已读状态在本地更改,菜单负责焦点管理与关闭。
Unread
组成部分
在调用处组合,而不是通过 props 配置——所以这个组件没有预料到的布局,依然表达得出来。
ScrollControl
页面位置由应用管理;控件负责可见状态和安全的键盘焦点入口。
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| label必填 | string | — | |
| onActivate必填 | () => void | — | |
| visible必填 | boolean | — |