Checkbox

Komponen checkbox dengan berbagai variant.

<laraliveui:checkbox name="setuju" label="Saya setuju dengan syarat & ketentuan" />

Variant

Default Buttons Cards Pills

<laraliveui:checkbox name="opsi1" label="Opsi 1" />
<laraliveui:checkbox name="opsi2" label="Opsi 2" variant="buttons" />
<laraliveui:checkbox name="opsi3" label="Opsi 3" variant="cards" />
<laraliveui:checkbox name="opsi4" label="Opsi 4" variant="pills" />

Checked

<laraliveui:checkbox name="newsletter" label="Langganan newsletter" checked />

Dengan Deskripsi

<laraliveui:checkbox
    name="email_notif"
    label="Notifikasi Email"
    description="Terima pemberitahuan via email"
/>

Dengan Ikon (Buttons variant)

<laraliveui:checkbox name="filter" label="Filter" icon="funnel" variant="buttons" />

Checkbox Group

<laraliveui:checkbox.group>
    <laraliveui:checkbox name="a" checked>Item A</laraliveui:checkbox>
    <laraliveui:checkbox name="b">Item B</laraliveui:checkbox>
    <laraliveui:checkbox name="c">Item C</laraliveui:checkbox>
</laraliveui:checkbox.group>

Group dengan Variant

<laraliveui:checkbox.group variant="buttons">
    <laraliveui:checkbox name="a" label="A" />
    <laraliveui:checkbox name="b" label="B" />
</laraliveui:checkbox.group>

Check All

<laraliveui:checkbox.all>
    <laraliveui:checkbox name="a">Item A</laraliveui:checkbox>
    <laraliveui:checkbox name="b">Item B</laraliveui:checkbox>
</laraliveui:checkbox.all>

Referensi

laraliveui:checkbox

Prop	Deskripsi	Default
variant	Tampilan: default, buttons, cards, pills	default
name	Nama field	—
label	Teks label	—
description	Teks deskripsi	—
checked	Status checked	false
icon	Ikon (variant buttons)	—
size	Ukuran (variant buttons)	—
indicator	Tampilkan indikator	—
accent	Warna aksen	—

laraliveui:checkbox.group

Prop	Deskripsi
variant	Varian untuk semua checkbox di dalam group