Collapsible
İçeriği kontrollü veya kontrolsüz biçimde açıp kapatan bölüm.
Collapsible.tsx
Önbellek süresi, yeniden deneme politikası ve ağ seçenekleri burada yapılandırılır.
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/collapsible.jsonKullanım Örneği
import { Collapsible } from "@/components/ui"
<Collapsible trigger="Gelişmiş ayarlar" defaultOpen>İçerik</Collapsible>Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| trigger | ReactNode | — | Açma ve kapatma düğmesinin içeriği. |
| open | boolean | — | Kontrollü açık durumu. |
| defaultOpen | boolean | false | Kontrolsüz başlangıç durumu. |
| onOpenChange | (open: boolean) => void | — | Durum değiştiğinde çağrılır. |
| disabled | boolean | false | Tetikleyiciyi devre dışı bırakır. |