इम्पोर्ट

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

NuiButton

नेटिव्ह <button> किंवा <a> ला बटणासारखी स्टाइल देते.

सिलेक्टर
button[nuiButton], a[nuiButton]
एक्सपोर्ट नाव
nuiButton
NuiButton: प्रॉपर्टीज
नावप्रकारडीफॉल्टवर्णन
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इनपुटbooleanfalseबटण अक्षम करते. अँकरवर ते 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-* ॲट्रिब्यूटमधून व्हॅल्यू घेतात. कस्टमायझेशन मार्गदर्शक पाहा.