Import
import { NuiButton } from '@needless-ui/angular/button';NuiButton
Gestaltet ein natives <button> oder <a> als Button.
| Name | Typ | Standardwert | Beschreibung |
|---|---|---|---|
variantInput | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | Füllstil: solid, soft, outline oder ghost. |
toneInput | 'accent' | 'neutral' | 'danger' | 'accent' | Farbpalette: accent, neutral oder danger. |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Höhe, Innenabstand und Schriftgröße: sm, md oder lg. |
disabledInput | boolean | false | Deaktiviert den Button. Bei Links wird aria-disabled gesetzt und die Aktivierung blockiert. |
motionInput | NuiMotion | Die Feder, mit der sich die Komponente bewegt: snappy, bouncy, jelly, elastic, lazy, mechanical oder none. | |
springInput | NuiSpring | Eine beliebige Feder als { stiffness, damping, mass }, zur Laufzeit zu CSS kompiliert. Hat Vorrang vor motion. | |
pressInput | NuiPress | Was beim Gedrückthalten passiert: sink, squish, pop, wobble, rubber, tilt oder none. | |
cornersInput | NuiCorners | Die Form der Ecken: round, squircle, bevel, scoop, notch oder square. | |
radiusInput | NuiRadius | Wie groß die Ecken sind: none, small, medium, large oder full. | |
densityInput | NuiDensity | Wie viel Platz die Komponente einnimmt: compact, regular oder roomy. |
Anpassungs-Inputs, die du nicht setzt, richten sich nach dem nächstgelegenen data-nui-*-Attribut. Mehr dazu in der Anleitung zur Anpassung.