跳到正文
册页

网站

Actions - 页面操作

分享操作菜单与返回顶部控件。

用法

什么时候用它

将通用无障碍控件连接到应用负责的分享和滚动操作。

来自@misoto22/folio/website

TSX
import { ActionMenu } from '@misoto22/folio/website'

说明

支持碰撞避让和方向键焦点移动的操作菜单,也可以使用设备原生操作作为触发行为。

实践建议

推荐

  • 提供本地化标签、含义明确的链接和有用的图片替代文本。

避免

  • 不要在展示组件中放入服务凭据、路由逻辑或后端模型。

示例

条目操作菜单

无障碍操作菜单将每个选项交给应用回调处理。此条目的已读状态在本地更改,菜单负责焦点管理与关闭。

Unread

组成部分

在调用处组合,而不是通过 props 配置——所以这个组件没有预料到的布局,依然表达得出来。

ScrollControl

页面位置由应用管理;控件负责可见状态和安全的键盘焦点入口。

ScrollControl props
属性类型默认值说明
label必填string
onActivate必填() => void
visible必填boolean