ইমপোর্ট
import {
NuiMenu,
NuiMenuItem,
NuiMenuSeparator,
NuiMenuShortcut,
NuiMenuTrigger,
} from '@needless-ui/angular/menu';NuiMenuTrigger
একটি মেনু খোলে। সাধারণত কোনো nuiButton-এ প্রয়োগ করা হয়।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
nuiMenuTriggerইনপুট | Menu | যে মেনু খুলবে: কোনো nuiMenu-এর ngMenu রেফারেন্স। |
NuiMenu
আইটেমের একটি মেনু, যা ট্রিগারের পাশে পপওভার হিসেবে রেন্ডার হয়। এর ngMenu এক্সপোর্টই সেই Angular Aria মেনু, যা ট্রিগার ও সাবমেনু গ্রহণ করে।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
wrapইনপুট | boolean | true | অ্যারো কী শেষ আইটেম থেকে ঘুরে প্রথম আইটেমে যাবে কি না। |
typeaheadDelayইনপুট | number | 500 | টাইপ করে খোঁজা রিসেট হওয়ার আগের সময়, মিলিসেকেন্ডে। |
disabledইনপুট | boolean | false | পুরো মেনুটি নিষ্ক্রিয় করে। |
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। | |
itemSelectedআউটপুট | V | বেছে নেওয়া আইটেমের ভ্যালু এমিট করে। রুট মেনুতে এটি সাবমেনুর আইটেমের জন্যও এমিট হয়। |
যে কাস্টমাইজেশন ইনপুট আপনি সেট করেন না, সেগুলো সবচেয়ে কাছের data-nui-* অ্যাট্রিবিউট থেকে ভ্যালু নেয়। কাস্টমাইজেশন গাইড দেখুন।
NuiMenuItem
একটি nuiMenu-এর আইটেম।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
valueইনপুট | V | আইটেমটিকে শনাক্ত করে। সাবমেনুসহ পুরো মেনুতে এটি ইউনিক হতে হবে। | |
disabledইনপুট | boolean | false | আইটেমটি নিষ্ক্রিয় করে। অ্যারো কী দিয়ে সেখানে পৌঁছানো যায়, কিন্তু বেছে নেওয়া যায় না। |
submenuইনপুট | Menu | একটি নেস্টেড nuiMenu, যা এই আইটেম খোলে। | |
roleইনপুট | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'menuitem' | menuitem, menuitemcheckbox বা menuitemradio। |
checkedইনপুট | boolean | undefined | চেকবক্স বা রেডিও আইটেমের চেক অবস্থা। | |
toneইনপুট | 'neutral' | 'danger' | 'neutral' | ঝুঁকিপূর্ণ অ্যাকশনের জন্য danger। |
searchTermইনপুট | string | টাইপ করে খোঁজার সময় যে টেক্সট মেলানো হয়। ডিফল্টভাবে আইটেমের লেবেল। | |
selectedআউটপুট | V | মাউস বা কীবোর্ড দিয়ে বেছে নেওয়া হলে আইটেমের ভ্যালু এমিট করে। |
NuiMenuSeparator
আইটেমের গ্রুপগুলোর মাঝে একটি রেখা।
NuiMenuShortcut
কীবোর্ড শর্টকাটের সংকেত, আইটেমের শেষ প্রান্তে সারিবদ্ধ।