Dialog API’si · Needless UI

İçe aktarma

import-dialog.ts

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

Yerel bir <dialog> öğesini Needless UI diyaloğuna dönüştürür.

NuiDialog: Özellikler
Ad	Tür	Varsayılan	Açıklama
`open`Çift yönlü	`boolean`	`false`	Diyaloğun açık olup olmadığı. `[(open)]` ile bağlayın.
`modal`Girdi	`boolean`	`true`	Modal olarak açılır: bir arka plan katmanı gösterilir ve arkadaki sayfa etkileşime kapanır.
`dismissible`Girdi	`boolean`	`true`	Esc ve arka plan tıklamalarının diyaloğu kapatıp kapatmayacağı.
`size`Girdi	`'sm' \| 'md' \| 'lg'`	`'md'`	Maksimum genişlik: `sm` (24rem), `md` (32rem) veya `lg` (44rem).
`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`.
`closed`Çıktı	`string`		Diyalog her kapandığında dönüş değerini yayar. Diyalog bir seçim yapılmadan kapatıldıysa değer boştur.
`close`Metot	`(returnValue?: string) => void`		Diyaloğu isteğe bağlı bir dönüş değeriyle kapatır.

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.

Diyaloğun başlığı. Bir id alır ve diyaloğun aria-labelledby değeri olur.

Diyaloğun aria-describedby ile başvurduğu kısa bir açıklama.

Diyaloğun altında, sona hizalanmış bir düğme satırı.

Tıklandığında içinde bulunduğu diyaloğu kapatır.

NuiDialogClose: Özellikler
Ad	Tür	Varsayılan	Açıklama
`nuiDialogClose`Girdi	`string`	`''`	Diyaloğun kapanırken taşıdığı ve `(closed)` ile yayılan değer.