Needless UI

कंपोनेंट

Number field

स्टेप बटनों वाला नंबर इनपुट, जो हर लोकेल के हिसाब से फ़ॉर्मैट होता है।

इम्पोर्ट

import-number-field.ts
import { NuiNumberField, NuiNumberInput, NuiNumberStep } from '@needless-ui/angular/number-field';

NuiNumberField

इनपुट को उसके स्टेप बटनों के साथ एक समूह में रखता है।

सिलेक्टर
[nuiNumberField]

NuiNumberInput

संख्या रखने वाला टेक्स्ट इनपुट, ARIA spinbutton के रूप में।

सिलेक्टर
input[nuiNumberInput]
नामटाइपडिफ़ॉल्टविवरण
valueदो-तरफ़ाnumber | nullnullसंख्या, या खाली होने पर null। फ़ॉर्म के साथ भी काम करती है।
minइनपुटnumberसबसे छोटी मान्य वैल्यू।
maxइनपुटnumberसबसे बड़ी मान्य वैल्यू।
stepइनपुटnumber1एक स्टेप से वैल्यू कितनी बदलती है। फ़ोकस हटने पर वैल्यू इसी के हिसाब से सही हो जाती है।
formatइनपुटIntl.NumberFormatOptions{}Intl.NumberFormat के विकल्प, जैसे { style: 'currency', currency: 'EUR' }।
localeइनपुटstringLOCALE_IDसंख्याओं को फ़ॉर्मैट करने और पढ़ने के लिए लोकेल।
disabledइनपुटbooleanfalseइनपुट और उसके बटनों को अक्षम करता है।
stepByमेथड(count: number) => voidवैल्यू को तय संख्या में स्टेप ऊपर (धनात्मक) या नीचे (ऋणात्मक) ले जाता है।

NuiNumberStep

स्टेप बटन। दबाए रखने पर स्टेप दोहराता रहता है।

सिलेक्टर
button[nuiNumberStep]
नामटाइपडिफ़ॉल्टविवरण
nuiNumberStepइनपुटnumber1 एक स्टेप ऊपर और -1 एक स्टेप नीचे ले जाता है।
labelइनपुटstringसुलभ नाम। डिफ़ॉल्ट रूप से “Increase” या “Decrease”।