API Dialog · Needless UI

Impor

import-dialog.ts

import {
  NuiDialog,
  NuiDialogActions,
  NuiDialogClose,
  NuiDialogDescription,
  NuiDialogTitle,
} from '@needless-ui/angular/dialog';

Mengubah <dialog> native menjadi dialog Needless UI.

NuiDialog: Properti
Nama	Tipe	Default	Deskripsi
`open`Dua arah	`boolean`	`false`	Apakah dialog sedang terbuka. Hubungkan dengan `[(open)]`.
`modal`Input	`boolean`	`true`	Membuka dialog sebagai modal, dengan latar belakang dan halaman di belakangnya yang menjadi inert.
`dismissible`Input	`boolean`	`true`	Apakah Esc dan klik di latar belakang menutup dialog.
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	Lebar maksimum: `sm` (24rem), `md` (32rem), atau `lg` (44rem).
`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`.
`closed`Output	`string`		Mengirimkan nilai kembalian setiap kali dialog ditutup. Nilainya kosong jika dialog ditutup tanpa memilih.
`close`Metode	`(returnValue?: string) => void`		Menutup dialog dengan nilai kembalian opsional.

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

Judul dialog. Elemen ini mendapat id dan menjadi aria-labelledby dialog.

Deskripsi singkat yang dirujuk oleh aria-describedby dialog.

Deretan tombol di bagian bawah dialog, rata ke akhir.

Menutup dialog yang memuatnya saat diklik.

NuiDialogClose: Properti
Nama	Tipe	Default	Deskripsi
`nuiDialogClose`Input	`string`	`''`	Nilai yang menyertai penutupan dialog, dikirimkan oleh `(closed)`.