Import
import { NuiButton } from '@needless-ui/angular/button';NuiButton
Styles a native <button> or <a> as a button.
| Name | Type | Default | Description |
|---|---|---|---|
variantInput | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | Fill style: solid, soft, outline or ghost. |
toneInput | 'accent' | 'neutral' | 'danger' | 'accent' | Color palette: accent, neutral or danger. |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Height, padding and font size: sm, md or lg. |
disabledInput | boolean | false | Disables the button. On anchors it sets aria-disabled and blocks activation. |
motionInput | NuiMotion | The spring it moves with: snappy, bouncy, jelly, elastic, lazy, mechanical or none. | |
springInput | NuiSpring | Any spring, as { stiffness, damping, mass }, compiled to CSS at runtime. It overrides motion. | |
pressInput | NuiPress | What it does while held down: sink, squish, pop, wobble, rubber, tilt or none. | |
cornersInput | NuiCorners | The shape of its corners: round, squircle, bevel, scoop, notch or square. | |
radiusInput | NuiRadius | How big its corners are: none, small, medium, large or full. | |
densityInput | NuiDensity | How much room it takes: compact, regular or roomy. |
Customization inputs you leave unset follow the nearest data-nui-* attribute. See the customization guide.