nuiButton direktifi, yerel bir <button> veya <a> öğesini biçimlendirir. Öğe semantiğini, klavye davranışını ve formlara katılımını korur; direktif yalnızca girdilerini stil dosyasının hedeflediği data niteliklerine yansıtır.
Eylemler için <button>, gezinme için <a> kullanın. İkisi de aynı görünür ve ikisi de disabled özelliğini destekler.
Varyantlar
En belirgininden en sadesine dört dolgu stili. Birincil eylem için her görünümde yalnızca bir solid düğme kullanın.
Tonlar
Tonlar paleti değiştirir: ana akış için accent, ikincil eylemler için neutral, yıkıcı eylemler için danger.
Boyutlar
Üç yükseklik: 28, 36 ve 44 piksel. En küçüğü bile WCAG 2.2’nin minimum hedef boyutunu aşar.
Bağlantılar ve devre dışı düğmeler
Anchor öğeleri yerel olarak devre dışı bırakılamaz; bu yüzden devre dışı bir bağlantı aria-disabled="true" alır ve tıklamaları routerLink kullanılsa bile engellenir.