Needless UI

কম্পোনেন্ট

Dialog

নেটিভ dialog এলিমেন্টে তৈরি মোডাল উইন্ডো, যার ফোকাস সামলায় ব্রাউজার।

ইমপোর্ট

import-dialog.ts
import {
  NuiDialog,
  NuiDialogActions,
  NuiDialogClose,
  NuiDialogDescription,
  NuiDialogTitle,
} from '@needless-ui/angular/dialog';

NuiDialog

একটি নেটিভ <dialog>-কে Needless UI ডায়ালগে পরিণত করে।

সিলেক্টর
dialog[nuiDialog]
এক্সপোর্ট নাম
nuiDialog
নামটাইপডিফল্টবিবরণ
openদ্বিমুখীbooleanfalseডায়ালগ খোলা আছে কি না। [(open)] দিয়ে বাইন্ড করুন।
modalইনপুটbooleantrueডায়ালগকে মোডাল হিসেবে খোলে: ব্যাকড্রপসহ, আর পেছনের পেজ নিষ্ক্রিয় থাকে।
dismissibleইনপুটbooleantrueEsc চাপলে ও ব্যাকড্রপে ক্লিক করলে ডায়ালগ বন্ধ হবে কি না।
sizeইনপুট'sm' | 'md' | 'lg''md'সর্বোচ্চ প্রস্থ: sm (24rem), md (32rem) বা lg (44rem)।
enterইনপুটNuiEnterএটি কীভাবে হাজির হয়: zoom, fade, drop, rise, unfold, flip, swing, slide বা none।
motionইনপুটNuiMotionযে স্প্রিং অনুযায়ী এটি নড়াচড়া করে: snappy, bouncy, jelly, elastic, lazy, mechanical বা none।
springইনপুটNuiSpringযেকোনো স্প্রিং, { stiffness, damping, mass } হিসেবে, যা রানটাইমে CSS-এ কম্পাইল হয়। এটি motion-কে ওভাররাইড করে।
cornersইনপুটNuiCornersএর কোণগুলোর আকৃতি: round, squircle, bevel, scoop, notch বা square।
radiusইনপুটNuiRadiusএর কোণগুলো কত বড়: none, small, medium, large বা full।
densityইনপুটNuiDensityএটি কতটা জায়গা নেয়: compact, regular বা roomy।
closedআউটপুটstringডায়ালগ যতবার বন্ধ হয়, ততবার রিটার্ন ভ্যালু এমিট করে। কিছু না বেছে বন্ধ করা হলে এটি খালি থাকে।
closeমেথড(returnValue?: string) => voidডায়ালগ বন্ধ করে, চাইলে একটি রিটার্ন ভ্যালুসহ।

যে কাস্টমাইজেশন ইনপুট আপনি সেট করেন না, সেগুলো সবচেয়ে কাছের data-nui-* অ্যাট্রিবিউট থেকে ভ্যালু নেয়। কাস্টমাইজেশন গাইড দেখুন।

NuiDialogTitle

ডায়ালগের শিরোনাম। এটি একটি id পায় এবং ডায়ালগের aria-labelledby হয়ে যায়।

সিলেক্টর
[nuiDialogTitle]

NuiDialogDescription

একটি সংক্ষিপ্ত বিবরণ, যাকে ডায়ালগের aria-describedby নির্দেশ করে।

সিলেক্টর
[nuiDialogDescription]

NuiDialogActions

ডায়ালগের নিচে বাটনের একটি সারি, শেষ প্রান্তে সারিবদ্ধ।

সিলেক্টর
[nuiDialogActions]

NuiDialogClose

ক্লিক করলে যে ডায়ালগের ভেতরে আছে, সেটি বন্ধ করে।

সিলেক্টর
[nuiDialogClose]
নামটাইপডিফল্টবিবরণ
nuiDialogCloseইনপুটstring''যে ভ্যালু নিয়ে ডায়ালগ বন্ধ হয়; (closed) এটি এমিট করে।