Needless UI

कंपोनंट्स

Menu

सबमेनू, चेक करता येणारे आयटम आणि पूर्ण कीबोर्ड सपोर्टसह कृतींची पॉपअप यादी.

इम्पोर्ट

import-menu.ts
import {
  NuiMenu,
  NuiMenuItem,
  NuiMenuSeparator,
  NuiMenuShortcut,
  NuiMenuTrigger,
} from '@needless-ui/angular/menu';

NuiMenuTrigger

मेनू उघडते. सहसा nuiButton वर लावले जाते.

सिलेक्टर
[nuiMenuTrigger]
एक्सपोर्ट नाव
nuiMenuTrigger
नावप्रकारडीफॉल्टवर्णन
nuiMenuTriggerइनपुटMenuउघडायचा मेनू: nuiMenu चा ngMenu संदर्भ.

NuiMenu

आयटम्सचा मेनू, जो त्याच्या ट्रिगरशेजारी पॉपओव्हर म्हणून रेंडर होतो. त्याचे ngMenu एक्सपोर्ट म्हणजे ट्रिगर आणि सबमेनू स्वीकारतात तो Angular Aria मेनू.

सिलेक्टर
[nuiMenu]
एक्सपोर्ट नाव
ngMenu
नावप्रकारडीफॉल्टवर्णन
wrapइनपुटbooleantrueॲरो कळा शेवटच्या आयटमवरून पुन्हा पहिल्या आयटमवर जातात की नाही.
typeaheadDelayइनपुटnumber500टाइप करून शोध रीसेट होण्यापूर्वीचा वेळ, मिलिसेकंदांत.
disabledइनपुटbooleanfalseसंपूर्ण मेनू अक्षम करते.
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 मधील एक आयटम.

सिलेक्टर
[nuiMenuItem]
नावप्रकारडीफॉल्टवर्णन
valueइनपुटVआयटमची ओळख. संपूर्ण मेनूमध्ये, सबमेनूंसह, ती युनिक असणे आवश्यक आहे.
disabledइनपुटbooleanfalseआयटम अक्षम करते. ॲरो कळांनी तिथे पोहोचता येते, पण तो निवडता येत नाही.
submenuइनपुटMenuहा आयटम उघडतो तो नेस्टेड nuiMenu.
roleइनपुट'menuitem' | 'menuitemcheckbox' | 'menuitemradio''menuitem'menuitem, menuitemcheckbox किंवा menuitemradio.
checkedइनपुटboolean | undefinedचेकबॉक्स किंवा रेडिओ आयटमची चेक स्थिती.
toneइनपुट'neutral' | 'danger''neutral'धोकादायक कृतींसाठी danger.
searchTermइनपुटstringटाइप करून शोधताना जुळवला जाणारा मजकूर. डीफॉल्टनुसार आयटमचे लेबल.
selectedआउटपुटVमाउस किंवा कीबोर्डने निवडल्यावर आयटमची व्हॅल्यू एमिट करते.

NuiMenuSeparator

आयटम्सच्या गटांमधील रेषा.

सिलेक्टर
[nuiMenuSeparator]

NuiMenuShortcut

कीबोर्ड शॉर्टकटची सूचना, आयटमच्या शेवटच्या बाजूला संरेखित.

सिलेक्टर
[nuiMenuShortcut]