类型

按钮

标准按钮。

您可以使用简写方式执行相同的操作。

强调

按钮可以格式化为显示不同的强调级别。

您可以使用简写方式执行相同的操作。

动画

按钮可以动画显示额外或隐藏的内容。

带标签

按钮可以附带一个标签。

您可以使用简写方式执行相同的操作。

您可以使用简写方式执行相同的操作。

图标

按钮可以仅由图标组成。

您可以使用简写方式执行相同的操作。

带标签的图标

按钮可以使用图标作为标签。

您可以使用简写方式执行相同的操作。

基础

基础按钮具有微妙的外观。

您可以使用简写方式执行相同的操作。

反转

按钮可以格式化为在深色背景上显示。

按钮可以作为一个组存在。

您可以使用简写方式执行相同的操作。

图标组

按钮组可以显示图标组。

您可以使用简写方式执行相同的操作。

内容

条件

按钮组可以包含条件。

或按钮可以将他们的文本本地化,或使用 text 属性进行调整。

状态

活动

按钮可以显示它当前是活动的用户选择。

禁用

按钮可以显示它当前无法进行交互。

加载

按钮可以显示加载指示器。

变体

社交

按钮可以格式化为链接到社交网站。

尺寸

按钮可以具有各种尺寸。

浮动

按钮可以与容器的左侧或右侧对齐。

彩色

按钮可以具有不同的容器。

紧凑

按钮可以减少填充。

切换

按钮可以格式化为在激活时切换。

积极

按钮可以暗示积极的结果。

负面

按钮可以暗示负面结果。

流体

按钮可以占用容器的宽度。

圆形

按钮可以是圆形的。

垂直附加

按钮可以附加到其他内容的顶部或底部。

水平附加

按钮可以附加到其他内容的左侧或右侧。

组变体

浮动组

组可以与容器的左侧或右侧对齐。

垂直组

组可以格式化为垂直显示。

图标组

组可以格式化为图标。

使用简写图标将每个单独的按钮格式化为图标按钮。

带标签的图标组

组可以格式化为带标签的图标。

混合组

组可以格式化为将多种按钮类型组合在一起使用。

等宽

组可以将它们的宽度平均分配。

彩色组

组可以具有共享的颜色。

基础组

按钮组可以不那么突出。

组尺寸

组可以具有共享的尺寸。

用法

焦点

按钮可以被聚焦。

附加的事件

按钮可以处理所有事件。

Buttonattached 或作为非 button 元素呈现时,它会在聚焦时失去处理键盘事件的能力。

但是,可以使用 onKeyPress 处理程序来复制 button 的行为。您可以在 MDN.

上找到更多详细信息。