ایمپورت
import { NuiButton } from '@needless-ui/angular/button';NuiButton
به یک <button> یا <a> بومی ظاهر دکمه میدهد.
| نام | نوع | پیشفرض | توضیح |
|---|---|---|---|
variantورودی | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | سبک پرشدگی: solid، soft، outline یا ghost. |
toneورودی | 'accent' | 'neutral' | 'danger' | 'accent' | پالت رنگ: accent، neutral یا danger. |
sizeورودی | 'sm' | 'md' | 'lg' | 'md' | ارتفاع، فاصلهٔ داخلی و اندازهٔ فونت: sm، md یا lg. |
disabledورودی | boolean | false | دکمه را غیرفعال میکند. روی لینکها aria-disabled را تنظیم میکند و جلوی فعالسازی را میگیرد. |
motionورودی | NuiMotion | فنری که با آن حرکت میکند: snappy، bouncy، jelly، elastic، lazy، mechanical یا none. | |
springورودی | NuiSpring | هر فنر دلخواه، بهصورت { stiffness, damping, mass }، که در زمان اجرا به CSS کامپایل میشود. جایگزین motion میشود. | |
pressورودی | NuiPress | رفتارش وقتی فشرده نگه داشته میشود: sink، squish، pop، wobble، rubber، tilt یا none. | |
cornersورودی | NuiCorners | شکل گوشههایش: round، squircle، bevel، scoop، notch یا square. | |
radiusورودی | NuiRadius | اندازهٔ گوشههایش: none، small، medium، large یا full. | |
densityورودی | NuiDensity | فضایی که اشغال میکند: compact، regular یا roomy. |
ورودیهای سفارشیسازی که تنظیمشان نکنید، از نزدیکترین اتریبیوت data-nui-* پیروی میکنند. راهنمای سفارشیسازی را ببینید.