Tables
Komponen tabel dengan seleksi checkbox kustom yang modern.
Basic Data Table
| Customer | Status | Action |
|---|---|---|
|
Al
Alex Rivera alex@example.com |
Paid | |
|
Sa
Sarah Chen sarah@example.com |
Pending | |
|
Mi
Mike Ross mike@example.com |
Failed |
<!-- Basic Table -->
<table class="w-full text-left">
<thead class="bg-gray-50 dark:bg-gray-800/50">...</thead>
<tbody class="divide-y divide-gray-100">...</tbody>
</table>Checkbox Selection
| Inventory | Stock | |
|---|---|---|
| Macbook Pro M3 | 124 Units | |
| iPad Pro 12.9 | 124 Units | |
| iPhone 15 Pro Max | 124 Units |
<!-- Beautiful Custom Checkbox UI -->
<label class="relative flex items-center cursor-pointer">
<input type="checkbox" class="peer sr-only">
<div class="w-5 h-5 border-2 rounded-lg peer-checked:bg-indigo-600 peer-checked:border-indigo-600 transition-all"></div>
<i class="ti ti-check absolute text-white text-xs scale-0 peer-checked:scale-100"></i>
</label>Advanced Table
| Order ID | Amount | Date | Status |
|---|---|---|---|
| #TRX-991 | Rp 12.500.000 | 12 Jan 2024 | Processing |
| #TRX-992 | Rp 12.500.000 | 12 Jan 2024 | Processing |
| #TRX-993 | Rp 12.500.000 | 12 Jan 2024 | Processing |
Showing 1-10 of 240