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-এর সঙ্গে চাপলে ফোকাস সবচেয়ে নতুন টোস্টে নিয়ে যায়।