← 返回全部术语
点击与键盘焦点 / TERM 132

切换按钮Toggle Button

再点一次,就回到原状态。

132
LIVE PREVIEW
CLICK ME ↗✳
✦   MOTIONLEX

01 这个效果是什么

一个按钮在开启与关闭两种状态之间切换。

02 可以这样告诉 AI

把收藏做成切换按钮:点击后图标、文字和 aria-pressed 同步变化;再次点击恢复。请求失败时回滚视觉状态。

03 做好后看什么

  • 视觉状态与真实数据一致
  • 键盘和触屏有等效操作