Task list
Membenarkan untuk memberi maklumat atau panggilan untuk bertindak dengan cara yang tersusun. Menunjukkan semua tugas pengguna, memudahkan untuk membezakan antara item yang telah diselesaikan dan yang belum selesai.
Komponen senarai tugas menunjukkan semua tugas pengguna, memudahkan untuk membezakan antara item yang telah diselesaikan dan yang belum selesai.
- Tajuk: Menyediakan tajuk untuk setiap tugas.
- Teks Petunjuk: Menjelaskan keperluan tugas dengan jelas dan ringkas.
- Status (Selesai): Gunakan komponen UI/Tag untuk menunjukkan tugas yang telah diselesaikan.
- Status (Belum Selesai): Gunakan komponen UI/Tag untuk menunjukkan tugas yang belum diselesaikan.
Keadaan (State)
- Asal: Tiada isian latar secara lalai.
- Hover: Tambahkan bg-gray-50 semasa hover dan gariskan tajuk untuk menunjukkan interaksi.
Contoh Penggunaan
Kumpulan Tugas
Jika terdapat banyak tugas untuk diselesaikan, mengelompokkan tugas dapat membantu pengguna memahami dan merancang langkah seterusnya dengan lebih baik. Anda boleh mengatur tugas dalam senarai tugas berasingan pada satu halaman, dengan setiap senarai mempunyai tajuk yang jelas dan ringkas untuk menerangkan kumpulan tersebut.
- Tajuk Kumpulan Tugas