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.
Basma efektleri
Her birini basılı tutun. press girdisi düğmenin basılı tutulurken ne yaptığını, motion girdisi ise hangi yayla geri döndüğünü belirler. Herhangi bir öğeye eklenen data-nui-press niteliği, efekti o öğenin içindeki her şeye uygular.
Köşeler, yarıçap ve yoğunluk
corners köşelerin şeklini, radius boyutlarını, density ise düğmenin kapladığı alanı değiştirir; düğme hiçbir zaman 24px hedef boyutunun altına inmez. corner-shape desteği olmayan tarayıcılar köşeleri yuvarlak çizer.