alert

alert fonksiyonu, <mdui-dialog> bileşeninin bir sarmalayıcısıdır. Bu fonksiyon, sistemin yerel window.alert fonksiyonunun yerine kullanılmak üzere tasarlanmıştır. Bu fonksiyonu kullanarak, bileşenin HTML kodunu yazmanıza gerek kalmadan bir uyarı penceresi açabilirsiniz.

Kullanım

Fonksiyonu ihtiyacınıza göre içe aktarın:

import { alert } from 'mdui/functions/alert.js';

Kullanım örneği:

aç

<mdui-button class="example-button">aç</mdui-button>

<script type="module">
  import { alert } from "mdui/functions/alert.js";

  const button = document.querySelector(".example-button");

  button.addEventListener("click", () => {
    alert({
      headline: "Uyarı Başlığı",
      description: "Uyarı açıklaması",
      confirmText: "TAMAM",
      onConfirm: () => console.log("onaylandı"),
    });
  });
</script>

API

alert(options: Options): Promise<void>

alert fonksiyonu bir Options nesnesini parametre olarak alır; dönüş değeri Promise'tir. Uyarı penceresi onay butonuna tıklanarak kapatılırsa Promise çözülür (resolve), diğer yollarla kapatılırsa Promise reddedilir (reject).

Options

Öznitelik Adı	Tür	Varsayılan Değer
`headline`	`string`	-
alert'in başlığı
`description`	`string`	-
alert'in açıklama metni
`icon`	`string`	-
alert'in üst kısmındaki Material Icons simge adı
`closeOnEsc`	`boolean`	`false`
ESC tuşuna basıldığında alert'in kapatılıp kapatılmayacağı
`closeOnOverlayClick`	`boolean`	`false`
Kaplama katmanına (overlay) tıklandığında alert'in kapatılıp kapatılmayacağı
`confirmText`	`string`	`TAMAM`
Onay butonunun metni
`queue`	`string`	-
Kuyruk adı. Varsayılan olarak kuyruk etkin değildir, fonksiyon birden çok kez çağrıldığında birden fazla alert aynı anda gösterilir. Bu parametreye bir kuyruk adı girilebilir. Aynı kuyruk adına sahip alert fonksiyonları, bir önceki alert kapatıldıktan sonra bir sonraki alert'i açar. `dialog()`, `alert()`, `confirm()`, `prompt()` fonksiyonlarının kuyruk adları aynıysa, bunlar da aynı kuyruğu paylaşacaktır.
`onConfirm`	`(dialog: Dialog) => void \| boolean \| Promise<void>`	-
Onay butonuna tıklandığındaki geri çağırma fonksiyonu. Fonksiyon parametresi dialog örneğidir, `this` de dialog örneğini işaret eder. Varsayılan olarak onay butonuna tıklandığında alert kapanır; eğer dönüş değeri `false` ise alert kapanmaz; eğer dönüş değeri bir promise ise, promise çözüldükten (resolve) sonra alert kapanır.
`onOpen`	`(dialog: Dialog) => void`	-
alert açılmaya başladığındaki geri çağırma fonksiyonu. Fonksiyon parametresi dialog örneğidir, `this` de dialog örneğini işaret eder.
`onOpened`	`(dialog: Dialog) => void`	-
alert açılma animasyonu tamamlandığındaki geri çağırma fonksiyonu. Fonksiyon parametresi dialog örneğidir, `this` de dialog örneğini işaret eder.
`onClose`	`(dialog: Dialog) => void`	-
alert kapanmaya başladığındaki geri çağırma fonksiyonu. Fonksiyon parametresi dialog örneğidir, `this` de dialog örneğini işaret eder.
`onClosed`	`(dialog: Dialog) => void`	-
alert kapanma animasyonu tamamlandığındaki geri çağırma fonksiyonu. Fonksiyon parametresi dialog örneğidir, `this` de dialog örneğini işaret eder.
`onOverlayClick`	`(dialog: Dialog) => void`	-
Kaplama katmanına (overlay) tıklandığındaki geri çağırma fonksiyonu. Fonksiyon parametresi dialog örneğidir, `this` de dialog örneğini işaret eder.

Önceki Bölüm

dialog

Sonraki Bölüm

confirm