API Menu · Needless UI

Impor

import-menu.ts

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

Membuka menu. Biasanya dipasang pada nuiButton.

NuiMenuTrigger: Properti
Nama	Tipe	Default	Deskripsi
`nuiMenuTrigger`Input	`Menu`		Menu yang akan dibuka: referensi `ngMenu` dari sebuah `nuiMenu`.

Menu berisi item, dirender sebagai popover di samping pemicunya. Export ngMenu-nya adalah menu Angular Aria yang diterima oleh pemicu dan submenu.

NuiMenu: Properti
Nama	Tipe	Default	Deskripsi
`wrap`Input	`boolean`	`true`	Apakah tombol panah berputar dari item terakhir ke item pertama.
`typeaheadDelay`Input	`number`	`500`	Jeda dalam milidetik sebelum pencarian saat mengetik diatur ulang.
`disabled`Input	`boolean`	`false`	Menonaktifkan seluruh menu.
`enter`Input	`NuiEnter`		Cara komponen muncul: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide`, atau `none`.
`motion`Input	`NuiMotion`		Pegas yang menggerakkan komponen: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical`, atau `none`.
`spring`Input	`NuiSpring`		Pegas apa pun, dalam bentuk `{ stiffness, damping, mass }`, yang dikompilasi menjadi CSS saat runtime. Menimpa `motion`.
`corners`Input	`NuiCorners`		Bentuk sudut: `round`, `squircle`, `bevel`, `scoop`, `notch`, atau `square`.
`radius`Input	`NuiRadius`		Seberapa bulat sudutnya: `none`, `small`, `medium`, `large`, atau `full`.
`density`Input	`NuiDensity`		Seberapa banyak ruang yang digunakan komponen: `compact`, `regular`, atau `roomy`.
`itemSelected`Output	`V`		Mengirimkan nilai item yang dipilih. Pada menu akar, output ini juga terpicu untuk item submenu.

Input kustomisasi yang tidak Anda atur akan mengikuti atribut data-nui-* terdekat. Lihat panduan kustomisasi.

Item dalam nuiMenu.

NuiMenuItem: Properti
Nama	Tipe	Default	Deskripsi
`value`Input	`V`		Pengenal item. Harus unik di seluruh menu, termasuk submenu.
`disabled`Input	`boolean`	`false`	Menonaktifkan item. Item tetap bisa dijangkau dengan tombol panah, tetapi tidak bisa dipilih.
`submenu`Input	`Menu`		`nuiMenu` bersarang yang dibuka oleh item ini.
`role`Input	`'menuitem' \| 'menuitemcheckbox' \| 'menuitemradio'`	`'menuitem'`	`menuitem`, `menuitemcheckbox`, atau `menuitemradio`.
`checked`Input	`boolean \| undefined`		Status tercentang dari item checkbox atau radio.
`tone`Input	`'neutral' \| 'danger'`	`'neutral'`	`danger` untuk aksi destruktif.
`searchTerm`Input	`string`		Teks yang dicocokkan oleh pencarian saat mengetik. Jika tidak diatur, label item yang digunakan.
`selected`Output	`V`		Mengirimkan nilai item saat item dipilih dengan mouse atau keyboard.

Garis pemisah antarkelompok item.

Petunjuk pintasan keyboard, rata ke akhir item.