Impor
import { NuiButton } from '@needless-ui/angular/button';NuiButton
Memberi gaya tombol pada <button> atau <a> native.
| Nama | Tipe | Default | Deskripsi |
|---|---|---|---|
variantInput | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | Gaya isian: solid, soft, outline, atau ghost. |
toneInput | 'accent' | 'neutral' | 'danger' | 'accent' | Palet warna: accent, neutral, atau danger. |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Tinggi, padding, dan ukuran font: sm, md, atau lg. |
disabledInput | boolean | false | Menonaktifkan tombol. Pada anchor, direktif ini menetapkan aria-disabled dan memblokir aktivasi. |
motionInput | NuiMotion | Pegas yang menggerakkan komponen: snappy, bouncy, jelly, elastic, lazy, mechanical, atau none. | |
springInput | NuiSpring | Pegas apa pun, dalam bentuk { stiffness, damping, mass }, yang dikompilasi menjadi CSS saat runtime. Menimpa motion. | |
pressInput | NuiPress | Efek saat komponen ditekan dan ditahan: sink, squish, pop, wobble, rubber, tilt, atau none. | |
cornersInput | NuiCorners | Bentuk sudut: round, squircle, bevel, scoop, notch, atau square. | |
radiusInput | NuiRadius | Seberapa bulat sudutnya: none, small, medium, large, atau full. | |
densityInput | NuiDensity | Seberapa banyak ruang yang digunakan komponen: compact, regular, atau roomy. |
Input kustomisasi yang tidak Anda atur akan mengikuti atribut data-nui-* terdekat. Lihat panduan kustomisasi.