Metadata List
Grid, satır veya kart düzeninde yapılandırılmış metadata.
MetadataList.tsx
Kart Stili (Card Variant)
- Paket Adı
- @archintel/ui
- Lisans
- MIT License
- Toplam Bileşen
- 48 Adet
NPM
Çizgili Tablo Stili (Striped Variant)
- Geliştirici
- Archintel Core Team
- GitHub Deposu
- github.com/c0ex38/archintel
- Son Derleme Durumu
- Tamamlandı (0 Hata)
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/metadata-list.jsonKullanım Örneği
import { MetadataList } from "@/components/data-display/MetadataList"
<MetadataList items={metadata} variant="card" columns={3} />Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| items | MetadataItem[] | — | Kimlik, etiket ve değer içeren definition öğeleri. |
| columns | 1 | 2 | 3 | 4 | 2 | Responsive sütun sayısı. |
| variant | "grid" | "horizontal" | "card" | "striped" | "grid" | Listenin görsel düzeni. |
| compact | boolean | false | Yoğun görünüm. |
| item.external | boolean | false | Bağlantıyı güvenli biçimde yeni sekmede açar. |
| item.statusLabel | string | — | Durum noktasının erişilebilir adı. |