Menu API’si · Needless UI

İçe aktarma

import-menu.ts

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

NuiMenuTrigger

Bir menü açar. Genellikle bir nuiButton üzerine uygulanır.

Seçici: [nuiMenuTrigger]
Dışa aktarma adı: nuiMenuTrigger

NuiMenuTrigger: Özellikler
Ad	Tür	Varsayılan	Açıklama
`nuiMenuTrigger`Girdi	`Menu`		Açılacak menü: bir `nuiMenu` menüsünün `ngMenu` referansı.

NuiMenu

Tetikleyicisinin yanında popover olarak gösterilen bir öğe menüsü. ngMenu dışa aktarımı, tetikleyicilerin ve alt menülerin kullandığı Angular Aria menüsüdür.

Seçici: [nuiMenu]
Dışa aktarma adı: ngMenu

NuiMenu: Özellikler
Ad	Tür	Varsayılan	Açıklama
`wrap`Girdi	`boolean`	`true`	Ok tuşlarının son öğeden ilk öğeye dönüp dönmeyeceği.
`typeaheadDelay`Girdi	`number`	`500`	Yazarak aramanın sıfırlanmasından önceki süre, milisaniye cinsinden.
`disabled`Girdi	`boolean`	`false`	Menünün tamamını devre dışı bırakır.
`enter`Girdi	`NuiEnter`		Bileşenin ekranda nasıl belirdiği: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` veya `none`.
`motion`Girdi	`NuiMotion`		Bileşenin hareketini belirleyen yay: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` veya `none`.
`spring`Girdi	`NuiSpring`		`{ stiffness, damping, mass }` biçiminde tanımlanan ve çalışma zamanında CSS’e derlenen herhangi bir yay. `motion` girdisini geçersiz kılar.
`corners`Girdi	`NuiCorners`		Köşelerin şekli: `round`, `squircle`, `bevel`, `scoop`, `notch` veya `square`.
`radius`Girdi	`NuiRadius`		Köşelerin ne kadar yuvarlatıldığı: `none`, `small`, `medium`, `large` veya `full`.
`density`Girdi	`NuiDensity`		Bileşenin ne kadar yer kapladığı: `compact`, `regular` veya `roomy`.
`itemSelected`Çıktı	`V`		Seçilen öğenin değerini yayar. Kök menüde alt menü öğeleri için de tetiklenir.

Ayarlamadığınız özelleştirme girdileri, değerlerini en yakın data-nui-* niteliğinden alır. Ayrıntılar için özelleştirme kılavuzuna bakın.

NuiMenuItem

Bir nuiMenu içindeki öğe.

Seçici: [nuiMenuItem]

NuiMenuItem: Özellikler
Ad	Tür	Varsayılan	Açıklama
`value`Girdi	`V`		Öğeyi tanımlar. Alt menüler dahil tüm menüde benzersiz olmalıdır.
`disabled`Girdi	`boolean`	`false`	Öğeyi devre dışı bırakır. Ok tuşlarıyla hâlâ ulaşılabilir ama seçilemez.
`submenu`Girdi	`Menu`		Bu öğenin açtığı iç içe `nuiMenu`.
`role`Girdi	`'menuitem' \| 'menuitemcheckbox' \| 'menuitemradio'`	`'menuitem'`	`menuitem`, `menuitemcheckbox` veya `menuitemradio`.
`checked`Girdi	`boolean \| undefined`		Onay kutusu veya radyo öğesinin işaretli durumu.
`tone`Girdi	`'neutral' \| 'danger'`	`'neutral'`	Yıkıcı eylemler için `danger`.
`searchTerm`Girdi	`string`		Yazarak aramanın eşleştirdiği metin. Varsayılan olarak öğenin etiketidir.
`selected`Çıktı	`V`		Öğe fareyle veya klavyeyle seçildiğinde değerini yayar.

NuiMenuSeparator

Öğe grupları arasında bir çizgi.

Seçici: [nuiMenuSeparator]

NuiMenuShortcut

Öğenin sonuna hizalanmış bir klavye kısayolu ipucu.

Seçici: [nuiMenuShortcut]