Data Table Block

Arama, satır seçimi, durum ve aksiyonları birleştiren veri ekranı.

DataTableBlock.tsx

Müşteriler

Müşteri listesi

4 kayıt · 0 seçili

Müşteri	Durum	Toplam
Ada Lovelace ada@example.com	Aktif	₺24.800
Grace Hopper grace@example.com	Aktif	₺18.450
Alan Turing alan@example.com	Beklemede	₺9.200
Margaret Hamilton margaret@example.com	Aktif	₺31.600

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/data-table-block.json

import { DataTableBlock } from "@/components/blocks/DataTableBlock"

<DataTableBlock />

Bileşenin ayrıntılı prop tablosu hazırlanıyor. Güncel TypeScript arayüzüne yukarıdaki "Kaynak Kodu" sekmesinden erişebilirsiniz.