Banner
Aksiyon ve kapatma desteğine sahip sayfa düzeyinde durum bildirimi.
Banner.tsx
Yeni sürüm hazır
Bileşen kataloğu başarıyla güncellendi.
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/banner.jsonKullanım Örneği
import { Banner } from "@/components/ui"
<Banner title="Yeni sürüm" tone="success" dismissible>Güncelleme hazır.</Banner>Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| tone | "info" | "success" | "warning" | "danger" | "info" | Semantik renk ve canlı bölge davranışı. |
| title | ReactNode | — | İsteğe bağlı banner başlığı. |
| action | ReactNode | — | Sağ taraftaki aksiyon. |
| dismissible | boolean | false | Kapatma düğmesini gösterir. |
| onDismiss | () => void | — | Banner kapatıldığında çağrılır. |