Importação
import { NuiButton } from '@needless-ui/angular/button';NuiButton
Estiliza um <button> ou um <a> nativo como botão.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
variantInput | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | Estilo de preenchimento: solid, soft, outline ou ghost. |
toneInput | 'accent' | 'neutral' | 'danger' | 'accent' | Paleta de cores: accent, neutral ou danger. |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Altura, padding e tamanho da fonte: sm, md ou lg. |
disabledInput | boolean | false | Desativa o botão. Em links, define aria-disabled e bloqueia a ativação. |
motionInput | NuiMotion | A mola com que ele se move: snappy, bouncy, jelly, elastic, lazy, mechanical ou none. | |
springInput | NuiSpring | Qualquer mola, no formato { stiffness, damping, mass }, compilada para CSS em tempo de execução. Tem prioridade sobre motion. | |
pressInput | NuiPress | O que ele faz enquanto fica pressionado: sink, squish, pop, wobble, rubber, tilt ou none. | |
cornersInput | NuiCorners | O formato dos cantos: round, squircle, bevel, scoop, notch ou square. | |
radiusInput | NuiRadius | O tamanho dos cantos: none, small, medium, large ou full. | |
densityInput | NuiDensity | Quanto espaço ele ocupa: compact, regular ou roomy. |
Os inputs de personalização que você não definir seguem o atributo data-nui-* mais próximo. Veja o guia de personalização.