Aksi · UiTag 90 dari 100

UiTag

Keping kecil yang bisa diklik untuk menyaring daftar. Diklik berarti menyala; diklik lagi berarti padam.

Spesimen

menyala
padam
rida
bisa dibuang

Pakai kalau

  • Orang boleh menekannya, dan ada sesuatu di halaman yang berubah sesudahnya.
  • Beberapa keping boleh menyala bersamaan — misalnya menyaring dua kategori sekaligus.
  • Keping itu mewakili sesuatu yang bisa dibuang, seperti penerima yang salah ketik.

Jangan pakai kalau

  • Kamu cuma ingin memberi tahu status sesuatu, dan tak ada yang perlu diklik. UiBadge
  • Hanya satu pilihan yang boleh menyala. UiSegmented

Kenapa begini

Keadaan tertekan ditulis dua-duanya, menyala dan padam — bukan dihilangkan saat padam. Atribut yang hilang terbaca sebagai "tak punya keadaan", padahal maksudnya "keadaannya sedang mati".

Berkasnya
src/features/projects/shared/ui/UiTag.astro
Pasal yang mengikat
belum terikat pasal mana pun