Directive nuiButton menehi gaya marang <button> utawa <a> native. Elemen kasebut tetep nduweni semantik, prilaku keyboard lan kalebu ing formulir; directive mung nyerminake input-e menyang data attribute sing dituju stylesheet.
Agem <button> kanggo tumindak lan <a> kanggo navigasi. Loro-lorone katon padha, lan loro-lorone ndhukung disabled.
Varian
Papat gaya isen, saka sing paling mencolok nganti sing paling kalem. Agem siji tombol solid saben tampilan kanggo tumindak utama.
Tone
Tone ngganti palet: accent kanggo dalan utama, neutral kanggo tumindak sekunder, danger kanggo tumindak sing ngrusak.
Ukuran
Telung dhuwur: 28, 36 lan 44 piksel. Sing paling cilik wae wis ngluwihi ukuran target minimal WCAG 2.2.
Pranala lan tombol sing dipateni
Anchor ora bisa dipateni kanthi native, mula pranala sing dipateni oleh aria-disabled="true" lan klik-e diblokir, sanajan nganggo routerLink.
Efek pencetan
Pencet lan tahan saben tombol. press nemtokake apa sing ditindakake tombol nalika dipencet lan ditahan, lan motion pegas sing dienggo bali. data-nui-press ing elemen apa wae nyetel efek iki kanggo kabeh sing ana ing njerone.
Pojok, jari-jari lan kapadhetan
corners ngowahi wangun pojok, radius ukurane, lan density papan sing dienggo tombol, nanging ora tau kurang saka ukuran target 24px. Browser tanpa corner-shape nggambar pojok bunder.