Small box
Info box
Pengguna
8.907
74% dari target tahunan
Stok unit
24.810
Kapasitas gudang 58%
Order selesai
1.204
Tingkat penyelesaian 92%
Tiket support
38
31% melewati SLA
Kartu & alat kartu
Tools lengkap
Empat tombol di kanan atas berfungsi nyata:
- Lipat — menyembunyikan badan kartu
- Segarkan — memunculkan overlay spinner lalu memuat ulang grafik
- Layar penuh — kartu memenuhi jendela
- Hapus — konfirmasi lalu menghapus panel
Kartu outline (bawah berwarna)
Sparkline menjadi bagian dari kartu KPI.
Promo
Kartu dengan ribbon
Ribbon memakai elemen .ribbon, seperti di AdminLTE.
Primary
Soft success
Warning
Danger
Light
Dark
Pill
Aulia Saputra
Administrator sistem · Jakarta
| aulia@perusahaan.id | |
| Telepon | +62 812 3456 7890 |
| Bergabung | 12 Feb 2023 |
- Memperbarui pengaturan pajak
- Menambahkan 3 pengguna baru
- Menutup 12 tiket support
- Laporan-Q3.pdf 2,4 MB
- Data-pelanggan.xlsx 840 KB
- Arsip-2025.zip 124 MB
Accordion (Alpine x-collapse manual)
Modal & container soal
Tambah produk baru
atau
Timeline
-
Proyek Situs baru dibuatHari ini, 08:00
-
Diskusi desain dengan tim UIKemarin, 14:20
-
3 bug dilaporkan pada tahap QA15 Sep 2026, 10:12
-
Rilis v1.0 dipublikasikan12 Sep 2026, 09:00
Progress bar
Default40%
Bergaris & bergerak65%
Kecil (sm)25%
Besar + label80%
Bertumpuk70%
Muatan (indeterminate)—
Alert & callout
Primary. Informasi umum untuk pengguna.
Berhasil. Perubahan sudah tersimpan.
Peringatan. Periksa kembali data sebelum lanjut.
Gagal. Koneksi ke server terputus (contoh).
Catatan
Callout cocok untuk pesan yang lebih panjang dengan judul.
Daftar tugas proyek
| Tugas | Penanggung jawab | Progres | Deadline | Status |
|---|---|---|---|---|
| Redesain halaman checkout | Rani S. | 25 Sep 2026 | Berjalan | |
| Migrasi data pelanggan | Budi P. | 12 Sep 2026 | Selesai | |
| Integrasi payment gateway | Hendra W. | 5 Okt 2026 | Tertunda | |
| Audit keamanan aplikasi | Nadia M. | 20 Okt 2026 | Dijadwalkan | |
| Dokumentasi API v2 | Aulia S. | 1 Nov 2026 | Berisiko |