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 सोबत दाबल्यावर फोकस सर्वात नव्या टोस्टवर नेते.