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 |