FormRadioGroup

Sekumpulan pilihan yang saling meniadakan, dengan navigasi panah bawaan browser.

Dasar

Bungkus dengan <W4cFormField group>: judulnya menjadi caption grup, bukan label satu kontrol, dan hint serta error tetap terhubung ke seluruh grup.

Jadwal penjemputan

Dijemput setiap minggu di hari yang sama.

Satu kali penjemputan sesuai permintaan.

Belum tersedia untuk area Anda.

Masih bisa diubah sebelum konfirmasi.

Nilai: rutin

Arah dan ukuran

Susunan horizontal cocok untuk dua sampai empat pilihan pendek. Ukuran sm dipakai pada panel filter.

Armada
Shift

Ukuran kecil untuk filter.

Isi pilihan sendiri

Slot option mengganti isi label, misalnya untuk menambahkan badge. Slot berada di dalam elemen label, jadi radio tidak kehilangan namanya.

Paket layanan

Dua kali sebulan.

Setiap minggu.

Error dan disabled

Error dari FormField menandai seluruh grup, sedangkan disabled bisa berlaku untuk grup maupun satu pilihan saja.

Metode bayar

Pilih salah satu dulu.

Area layanan

Belum tersedia.

API

Props

PropTipeDefaultKeterangan
v-modelstring | number | boolean | null—Nilai yang sedang dipilih, persis seperti pada items.
items(string | number | { value, label?, description?, disabled? })[]—Daftar pilihan. Teks polos dipakai sebagai label sekaligus nilai.
namestringotomatisNama bersama radio. Isi bila form dikirim sebagai form HTML biasa.
orientation'vertical' | 'horizontal''vertical'Susunan pilihan. Horizontal untuk pilihan pendek.
size'sm' | 'md' | 'lg''md'Ukuran lingkaran dan teks.
disabled / required / invalid——Berlaku untuk seluruh grup; item juga punya disabled sendiri.

Slots

SlotTipeDefaultKeterangan
option{ option, checked }—Mengganti isi label satu pilihan. Deskripsi tetap berada di bawahnya.

Atribut lain diteruskan ke elemen grup. Ref komponen menyediakan focus(), yang memilih radio terpilih atau pilihan pertama yang aktif — berguna untuk memindahkan fokus ke grup yang gagal validasi.