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]