Needless UI

कंपोनेंट

Toast

छोटे संदेश, जो एक के ऊपर एक जमा होते हैं, स्वाइप से हट जाते हैं और कभी फ़ोकस नहीं छीनते।

इम्पोर्ट

import-toast.ts
import { NuiToaster, NuiToasterRegion } from '@needless-ui/angular/toast';

NuiToaster

टोस्ट दिखाने वाली सर्विस। इसे कहीं भी इंजेक्ट करें।

सिलेक्टर
inject(NuiToaster)
नामटाइपडिफ़ॉल्टविवरण
toastsमेथडSignal<readonly NuiToast[]>स्क्रीन पर मौजूद सभी टोस्ट, सबसे नया पहले।
showमेथड(options: NuiToastOptions | string) => NuiToastRefटोस्ट दिखाता है। टाइटल दें, या विवरण, टोन, अवधि, ऐक्शन या id वाले विकल्प।
successमेथड(title, options?) => NuiToastRefसफलता का टोस्ट दिखाता है।
warningमेथड(title, options?) => NuiToastRefचेतावनी का टोस्ट दिखाता है।
dangerमेथड(title, options?) => NuiToastRefख़तरे का टोस्ट दिखाता है। यह 8 सेकंड तक रहता है और इसकी घोषणा प्राथमिकता से होती है।
promiseमेथड(promise, messages) => Promiseप्रॉमिस पूरा होने तक लोडिंग टोस्ट दिखाता है, फिर सफलता या ख़तरे वाला संदेश।
dismissमेथड(id?: string) => voidएक टोस्ट को, या सभी को हटाता है।

NuiToasterRegion

वह क्षेत्र जहाँ टोस्ट दिखते हैं। इसे ऐप शेल में एक बार रखें।

सिलेक्टर
nui-toaster
नामटाइपडिफ़ॉल्टविवरण
positionइनपुट'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'व्यूपोर्ट का कोना या किनारा। शुरुआत और अंत टेक्स्ट की दिशा के हिसाब से तय होते हैं।
expandedइनपुटbooleanfalseस्टैक को फैलाकर रखता है।
labelइनपुटstring'Notifications (Alt+T)'क्षेत्र का सुलभ नाम। इसमें बताएँ कि वहाँ कैसे पहुँचें।
closeLabelइनपुटstring'Dismiss'बंद करने वाले बटनों का सुलभ नाम।
hotkeyइनपुटstring'KeyT'वह कुंजी, KeyboardEvent.code के रूप में, जो Alt के साथ दबाने पर फ़ोकस को सबसे नए टोस्ट पर ले जाती है।