Import

import-button.ts
import { NuiButton } from '@needless-ui/angular/button';

NuiButton

Donne l’apparence d’un bouton à un <button> ou à un <a> natif.

Sélecteur
button[nuiButton], a[nuiButton]
Exporté sous
nuiButton
NuiButton: Propriétés
NomTypePar défautDescription
variantInput'solid' | 'soft' | 'outline' | 'ghost''solid'Style de remplissage : solid, soft, outline ou ghost.
toneInput'accent' | 'neutral' | 'danger''accent'Palette de couleurs : accent, neutral ou danger.
sizeInput'sm' | 'md' | 'lg''md'Hauteur, padding et taille de police : sm, md ou lg.
disabledInputbooleanfalseDésactive le bouton. Sur une ancre, définit aria-disabled et bloque l’activation.
motionInputNuiMotionLe ressort qui l’anime : snappy, bouncy, jelly, elastic, lazy, mechanical ou none.
springInputNuiSpringN’importe quel ressort, sous la forme { stiffness, damping, mass }, compilé en CSS à l’exécution. Il a priorité sur motion.
pressInputNuiPressCe qu’il fait tant qu’on le maintient enfoncé : sink, squish, pop, wobble, rubber, tilt ou none.
cornersInputNuiCornersLa forme de ses coins : round, squircle, bevel, scoop, notch ou square.
radiusInputNuiRadiusLa taille de ses coins : none, small, medium, large ou full.
densityInputNuiDensityLa place qu’il occupe : compact, regular ou roomy.

Les inputs de personnalisation que vous ne définissez pas suivent l’attribut data-nui-* le plus proche. Consultez le guide de personnalisation.