Import

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

NuiButton

Sini-style bilang button ang isang native na <button> o <a>.

Selector
button[nuiButton], a[nuiButton]
Naka-export bilang
nuiButton
NuiButton: Mga property
PangalanUriDefaultPaglalarawan
variantInput'solid' | 'soft' | 'outline' | 'ghost''solid'Fill style: solid, soft, outline o ghost.
toneInput'accent' | 'neutral' | 'danger''accent'Color palette: accent, neutral o danger.
sizeInput'sm' | 'md' | 'lg''md'Taas, padding at laki ng font: sm, md o lg.
disabledInputbooleanfalseDini-disable ang button. Sa mga anchor, nilalagyan nito ng aria-disabled at hinaharangan ang activation.
motionInputNuiMotionAng spring na nagpapagalaw sa component: snappy, bouncy, jelly, elastic, lazy, mechanical o none.
springInputNuiSpringKahit anong spring, bilang { stiffness, damping, mass }, na kino-compile sa CSS sa runtime. Ino-override nito ang motion.
pressInputNuiPressAng ginagawa nito habang nakapindot: sink, squish, pop, wobble, rubber, tilt o none.
cornersInputNuiCornersAng hugis ng mga sulok nito: round, squircle, bevel, scoop, notch o square.
radiusInputNuiRadiusKung gaano kabilog ang mga sulok nito: none, small, medium, large o full.
densityInputNuiDensityKung gaano kalaking espasyo ang kinukuha nito: compact, regular o roomy.

Sinusunod ng mga customization input na hindi mo sine-set ang pinakamalapit na data-nui-* attribute. Tingnan ang gabay sa pag-customize.