İçe aktarma
import { NuiButton } from '@needless-ui/angular/button';NuiButton
Yerel bir <button> veya <a> öğesini düğme olarak biçimlendirir.
| Ad | Tür | Varsayılan | Açıklama |
|---|---|---|---|
variantGirdi | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | Dolgu stili: solid, soft, outline veya ghost. |
toneGirdi | 'accent' | 'neutral' | 'danger' | 'accent' | Renk paleti: accent, neutral veya danger. |
sizeGirdi | 'sm' | 'md' | 'lg' | 'md' | Yükseklik, iç boşluk ve yazı boyutu: sm, md veya lg. |
disabledGirdi | boolean | false | Düğmeyi devre dışı bırakır. Anchor öğelerinde aria-disabled ayarlar ve etkinleştirmeyi engeller. |
motionGirdi | NuiMotion | Bileşenin hareketini belirleyen yay: snappy, bouncy, jelly, elastic, lazy, mechanical veya none. | |
springGirdi | NuiSpring | { stiffness, damping, mass } biçiminde tanımlanan ve çalışma zamanında CSS’e derlenen herhangi bir yay. motion girdisini geçersiz kılar. | |
pressGirdi | NuiPress | Bileşen basılı tutulurken ne yaptığı: sink, squish, pop, wobble, rubber, tilt veya none. | |
cornersGirdi | NuiCorners | Köşelerin şekli: round, squircle, bevel, scoop, notch veya square. | |
radiusGirdi | NuiRadius | Köşelerin ne kadar yuvarlatıldığı: none, small, medium, large veya full. | |
densityGirdi | NuiDensity | Bileşenin ne kadar yer kapladığı: compact, regular veya roomy. |
Ayarlamadığınız özelleştirme girdileri, değerlerini en yakın data-nui-* niteliğinden alır. Ayrıntılar için özelleştirme kılavuzuna bakın.