lapaktoto.dev — open-source React UI library

Card

Container untuk grouping konten dengan struktur konsisten. Bisa nested, bisa dipakai di grid layout.

Preview

Notifikasi
3 unread message minggu ini.

Kamu punya 2 PR yang menunggu review.

Instalasi

Terminal
bunx lapaktoto-ui add card

Anatomy

  • Card — container utama, default rounded-xl border bg-card.
  • CardHeader — area atas, otomatis grid kalau ada CardAction.
  • CardTitle + CardDescription — judul dan keterangan.
  • CardAction — slot kanan-atas untuk badge/icon-button.
  • CardContent + CardFooter — body dan footer.

Card sederhana

Total transaksi
30 hari terakhir

Rp 12,4M

+18% vs 30 hari sebelumnya

Card dengan action

Pro plan
Rp 150rb / bulan, billing tahunan
Populer
  • ✓ Unlimited komponen
  • ✓ Akses preset premium
  • ✓ Priority support