nuiButton 指令為原生的 <button> 或 <a> 加上樣式。元素原有的語意、鍵盤行為以及在表單中的作用都不會改變;指令只負責把輸入屬性同步到樣式表所對應的 data 屬性上。
執行操作時用 <button>,頁面導覽時用 <a>。兩者外觀相同,也都支援 disabled。
變體
四種填色樣式,從最醒目到最低調。每個畫面只用一個實心按鈕來承載主要操作。
色調
色調決定配色:accent 用於主要流程,neutral 用於次要操作,danger 用於破壞性操作。
尺寸
三種高度:28、36 和 44 像素。即使是最小的尺寸,也符合 WCAG 2.2 的最小目標尺寸要求。
連結與停用的按鈕
原生連結無法停用,因此停用的連結會加上 aria-disabled="true",點擊也會被攔截,即使使用了 routerLink 也一樣。