Radio

Komponen radio button dengan berbagai variant.

<laraliveui:radio name="gender" value="male" label="Laki-laki" />
<laraliveui:radio name="gender" value="female" label="Perempuan" />

Variant

Default Buttons Cards Pills Segmented

<laraliveui:radio name="opsi" value="1" label="Opsi 1" />
<laraliveui:radio name="opsi" value="2" label="Opsi 2" variant="buttons" />
<laraliveui:radio name="opsi" value="3" label="Opsi 3" variant="cards" />
<laraliveui:radio name="opsi" value="4" label="Opsi 4" variant="pills" />
<laraliveui:radio name="opsi" value="5" label="Opsi 5" variant="segmented" />

Radio Group

<laraliveui:radio.group>
    <laraliveui:radio name="plan" value="monthly" checked>Monthly - $29</laraliveui:radio>
    <laraliveui:radio name="plan" value="yearly">Yearly - $290</laraliveui:radio>
    <laraliveui:radio name="plan" value="lifetime">Lifetime - $999</laraliveui:radio>
</laraliveui:radio.group>

Group dengan Variant

<laraliveui:radio.group variant="segmented">
    <laraliveui:radio name="size" value="sm">Small</laraliveui:radio>
    <laraliveui:radio name="size" value="md">Medium</laraliveui:radio>
    <laraliveui:radio name="size" value="lg">Large</laraliveui:radio>
</laraliveui:radio.group>

Group dengan Deskripsi

<laraliveui:radio.group variant="cards">
    <laraliveui:radio name="role" value="admin" label="Administrator" description="Akses penuh ke semua fitur" />
    <laraliveui:radio name="role" value="editor" label="Editor" description="Akses baca dan tulis" />
    <laraliveui:radio name="role" value="viewer" label="Viewer" description="Hanya akses baca" />
</laraliveui:radio.group>

Referensi

laraliveui:radio

Prop	Deskripsi	Default
variant	Tampilan: default, buttons, cards, pills, segmented	default
name	Nama field	—
value	Value radio	—
label	Teks label	—
description	Teks deskripsi	—
checked	Status checked	false
size	Ukuran	—

laraliveui:radio.group

Prop	Deskripsi
variant	Varian untuk semua radio di dalam group