Import
import { NuiButton } from '@needless-ui/angular/button';NuiButton
Dà stile di pulsante a un <button> o a un <a> nativo.
| Nome | Tipo | Predefinito | Descrizione |
|---|---|---|---|
variantInput | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | Stile di riempimento: solid, soft, outline o ghost. |
toneInput | 'accent' | 'neutral' | 'danger' | 'accent' | Palette di colori: accent, neutral o danger. |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Altezza, padding e dimensione del testo: sm, md o lg. |
disabledInput | boolean | false | Disattiva il pulsante. Sugli anchor imposta aria-disabled e blocca l’attivazione. |
motionInput | NuiMotion | La molla con cui si muove: snappy, bouncy, jelly, elastic, lazy, mechanical o none. | |
springInput | NuiSpring | Qualsiasi molla, nella forma { stiffness, damping, mass }, compilata in CSS a runtime. Ha la precedenza su motion. | |
pressInput | NuiPress | Cosa fa mentre è tenuto premuto: sink, squish, pop, wobble, rubber, tilt o none. | |
cornersInput | NuiCorners | La forma degli angoli: round, squircle, bevel, scoop, notch o square. | |
radiusInput | NuiRadius | Quanto sono grandi gli angoli: none, small, medium, large o full. | |
densityInput | NuiDensity | Quanto spazio occupa: compact, regular o roomy. |
Gli input di personalizzazione che non imposti seguono l’attributo data-nui-* più vicino. Vedi la guida alla personalizzazione.