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]