SelectionBar

Dasar

Hubungkan count ke panjang pilihan yang sudah dipegang tabelnya. Barnya muncul sendiri ketika angkanya lebih dari nol dan hilang ketika kembali nol — tidak ada prop untuk membuka-tutupnya, karena jumlah terpilih itu sendiri sudah menjawabnya.

Pilih satu atau dua baris pada tabel di bawah ini.

Yang sudah diurus sendiri

• Jumlahnya dibacakan saat berubah. Teks jumlah itu live region (role="status"), karena memilih baris ketiga tidak mengubah apa pun selain angka itu — tanpa ini, pembaca layar tidak mendapat kabar apa-apa.
• Gerakan masuknya mengikuti tepinya. Dari bawah ia naik, dari atas ia turun, jadi arahnya menyatakan dari mana ia datang. Mati sendiri ketika sistem meminta prefers-reduced-motion; barnya tetap muncul, hanya tanpa geseran.
• Escape membersihkan, tetapi hanya selama fokus ada di dalam barnya. Escape global akan berebut dengan apa pun yang halaman lakukan dengan tombol itu.
• Aksinya yang memutuskan apakah pilihannya ikut dibersihkan. "Unduh manifest" wajar meninggalkan pilihannya; "Batalkan" wajar mengosongkannya.

Batas yang perlu diketahui

• Barnya mengapung di atas isi halaman pada z-40 — di atas header tabel yang sticky, di bawah Toast, supaya notifikasi tetap terbaca di atasnya. Sisakan ruang di dasar halaman kalau di sana ada hal penting.
• Satu bar untuk satu halaman. Dua bar sekaligus akan saling menutupi di tempat yang sama; kalau ada dua tabel, jadikan satu pilihan aktif.
• Aksi yang merusak sebaiknya lewat ConfirmDialog. Bar ini membuat aksi massal jadi satu klik, dan itu berlaku juga untuk penghapusan.

API