Skip to content

设计规范-按钮 #3

@zxhfighter

Description

@zxhfighter

按钮

目标

  • 按钮的原生功能可用(例如 disabled,tabindex)
  • 能够灵活的样式设置方案覆盖按钮默认样式
  • 提供动画增强用户体验,动画可选

功能点

依据高级感设计规范,按钮需要实现的功能点如下:

  • 四种按钮类型:主要(primary)、次要(secondary)、中性(neutral)、透明(transparent),用户也可以自定义自己的类型

  • 六种按钮状态:默认(default)、悬浮(hover)、按下(press)、焦点(focus)、选中(press?)、不可点(disabled),按钮状态用户无法自定义

  • 四种按钮大小:xs(超小)、sm(小)、default(默认)、large(大)

  • 按钮内容可以自定义,图标也通过自定义内容提供

  • 按钮可以在特定情况下当做链接使用(例如添加 href 属性)

  • 按钮支持可访问性,可以通过 tab 和 space 来选择和触发功能

进度安排

Time Requirement Status
2017-10-23 Button Doing
2017-10-24 ButtonGroup Doing

依赖

无。

参考

Material2 Button 设计规范

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions