Alert Dialog

Kritik işlemler için odak yönetimli ve erişilebilir onay penceresi.

AlertDialog.tsx

Kurulum

shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:

$npx shadcn@latest add https://ui.cagriozay.com.tr/r/alert-dialog.json

Kullanım Örneği

import { AlertDialog } from "@/components/ui"

<AlertDialog open={open} onOpenChange={setOpen} title="Projeyi sil?" description="Bu işlem geri alınamaz." tone="danger" confirmLabel="Sil" onConfirm={removeProject} />

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
open	boolean	—	Pencerenin kontrollü açık durumu.
onOpenChange	(open: boolean) => void	—	Açılma ve kapanma isteğini bildirir.
title	ReactNode	—	Uyarı başlığı.
description	ReactNode	—	Kararın sonucunu açıklayan metin.
onConfirm	() => void	—	Onay aksiyonunda çağrılır.
tone	"default" \| "danger"	"default"	Uyarının görsel tonu.
loading	boolean	false	Onay aksiyonunu işlem sırasında devre dışı bırakır.