Tag

Jenis Status Tag

1. Kelabu (Gray): Tag status lalai.
2. Jenama (Brand): Menunjukkan tag berkaitan dengan jenama produk.
3. Berjaya (Success): Menunjukkan status atau hasil yang berjaya.
4. Bahaya (Danger): Menunjukkan isu kritikal atau ralat.
5. Amaran (Warning): Memberi amaran kepada pengguna tentang potensi isu atau keadaan berjaga-jaga.

Gaya

1. Gaya 1: Biasanya digunakan untuk memaparkan status secara berasingan, ditempatkan secara tetap pada imej atau bekas. Secara visual, ia mempunyai jejari sempadan sebanyak 9999px, memberikan rupa bulat sepenuhnya.
2. Gaya 2: Biasanya digunakan untuk memaparkan status secara sebaris, ditempatkan bersebelahan dengan teks. Secara visual, ia mempunyai jejari sempadan sebanyak 6px, memberikan tepi yang sedikit bulat.

Saiz

1. Kecil: Digunakan untuk komponen kecil atau peranti yang lebih kecil seperti telefon mudah alih.
2. Sederhana: Biasanya digunakan untuk komponen bersaiz sederhana atau peranti seperti tablet.
3. Besar: Direka untuk komponen besar atau peranti yang lebih besar seperti komputer riba atau desktop.

Titik Status (Tidak mandatori)

1. Titik: Titik status pilihan yang memberikan petunjuk visual untuk mewakili keadaan atau status semasa item.
   • Kecil = 6x6
   • Sederhana = 8x8
   • Besar = 10x10