Radio

Saiz

Kecil: Saiz padat yang efisien, sesuai untuk antaramuka yang lebih padat.

Sederhana: Saiz seimbang yang sesuai untuk kebanyakan antaramuka.

Keadaan (State)

Asal: Keadaan awal sebelum ada interaksi pengguna.

Hover: Perubahan warna sempadan yang halus apabila tetikus diletakkan di atasnya.

Focused: Apabila butang radio difokuskan, sama ada melalui navigasi papan kekunci atau klik tetikus.

Dilumpuhkan (Disabled): Butang radio tidak tersedia untuk interaksi.

Dipilih

False: Keadaan awal sebelum ada interaksi pengguna.

True: Apabila butang radio dipilih oleh pengguna.

Kumpulan Radio

Saiz Label

Setiap saiz direka untuk memenuhi keperluan borang yang berbeza, memastikan keterbacaan dan pengalaman pengguna yang optimum.

Teks Petunjuk

Teks petunjuk menyediakan maklumat atau konteks tambahan bagi pilihan butang radio, membantu pengguna membuat pilihan yang lebih berinformasi.

Keadaan (State)

Setiap keadaan butang radio memberikan petunjuk visual kepada pengguna mengenai status semasa dan kemungkinan interaksi.

1. Checked: Keadaan awal ruangan input apabila bersedia untuk interaksi pengguna tetapi belum dipilih.
2. Default: Keadaan awal butang radio yang bersedia untuk interaksi.
3. Dilumpuhkan (Disabled): Butang radio tidak tersedia untuk interaksi pengguna disebabkan oleh ketiadaan atau sekatan kebenaran.