इम्पोर्ट
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-* एट्रिब्यूट से अपनी वैल्यू लेते हैं। कस्टमाइज़ेशन गाइड देखें।