इम्पोर्ट
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
कीबोर्ड शॉर्टकट का संकेत, जो आइटम के अंत की ओर संरेखित रहता है।