Importación
import { NuiButton } from '@needless-ui/angular/button';NuiButton
Da estilo de botón a un <button> o un <a> nativo.
| Nombre | Tipo | Predeterminado | Descripción |
|---|---|---|---|
variantInput | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | Estilo de relleno: solid, soft, outline o ghost. |
toneInput | 'accent' | 'neutral' | 'danger' | 'accent' | Paleta de colores: accent, neutral o danger. |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Altura, padding y tamaño de fuente: sm, md o lg. |
disabledInput | boolean | false | Desactiva el botón. En los enlaces, aplica aria-disabled y bloquea la activación. |
motionInput | NuiMotion | El resorte con el que se mueve: snappy, bouncy, jelly, elastic, lazy, mechanical o none. | |
springInput | NuiSpring | Cualquier resorte, en forma de { stiffness, damping, mass }, compilado a CSS en tiempo de ejecución. Tiene prioridad sobre motion. | |
pressInput | NuiPress | Qué hace mientras se mantiene pulsado: sink, squish, pop, wobble, rubber, tilt o none. | |
cornersInput | NuiCorners | La forma de sus esquinas: round, squircle, bevel, scoop, notch o square. | |
radiusInput | NuiRadius | El tamaño de sus esquinas: none, small, medium, large o full. | |
densityInput | NuiDensity | Cuánto espacio ocupa: compact, regular o roomy. |
Los inputs de personalización que no definas siguen el atributo data-nui-* más cercano. Consulta la guía de personalización.