nuiButton 指令为原生的 <button><a> 添加样式。元素原有的语义、键盘行为以及在表单中的作用都保持不变;指令只负责把输入属性同步到样式表所匹配的 data 属性上。

执行操作时用 <button>,页面导航时用 <a>。两者外观相同,也都支持 disabled

变体

四种填充样式,从最醒目到最低调。每个视图只用一个实心按钮来承载主要操作。

色调

色调决定配色:accent 用于主要流程,neutral 用于次要操作,danger 用于破坏性操作。

尺寸

三种高度:28、36 和 44 像素。即使是最小的尺寸,也满足 WCAG 2.2 的最小目标尺寸要求。

原生链接无法禁用,因此禁用的链接会获得 aria-disabled="true",其点击也会被拦截,即使使用了 routerLink 也是如此。