Lompat ke isi
CirccaHIG

Komponen / Form & input

Token

Nilai terpilih yang bisa dihapus di dalam MultiSelect atau baris filter aktif: assignee, tag, kriteria filter.
React · BetaFigma · siapFigmaSumber

Yang sudah ditangani

  • Tombol hapus adalah <button> berlabel "Hapus <label>" — bukan hanya ikon ×.
  • Backspace/Delete saat tombol hapus fokus juga menghapus Token.
  • Avatar di Token dekoratif (aria-hidden) karena nama sudah tertulis.
  • Setelah Token dihapus, pindahkan fokus ke kontrol terkait (input MultiSelect atau Token berikutnya) agar fokus tidak hilang.

Keyboard

TombolFungsi
TabFokus ke tombol hapus Token
EnterSpasiMenghapus Token
BackspaceDeleteMenghapus Token saat tombol hapus fokus

Tanggung jawab Anda

  • Beri label yang bermakna: teks label, atau aria-label untuk kontrol tanpa teks.
  • Uji di mode gelap dan kontras tinggi (pilih lewat menu Tema di kanan atas, atau tombol Terang/Gelap di tiap contoh).
  • Pastikan semua aksi bisa dijalankan dengan keyboard saja.
Esc
↑↓ pilih↵ buka12 hasil