Checkbox

Toggle options on or off.

/// DEMO ///

Label here

Helper text here

Checked: false

///

<script lang="ts">
    import Checkbox from '$lib/components/base/checkbox.svelte';
    let checked = $state(false);
</script>

<Checkbox label="Label here" bind:checked>Helper text here</Checkbox>
<p>Checked: {checked}</p>


Guide

We only need one component.

Skip this guide.

Quickly try this on your project.

npx lomer-ui get checkbox

Share treats:

`1`	`<script lang="ts">`
`2`	`import Checkbox from '$lib/components/base/checkbox.svelte';`
`3`	`let checked = $state(false);`
`4`	`</script>`
`5`
`6`	`<Checkbox label="Label here" bind:checked>Helper text here</Checkbox>`
`7`	`<p>Checked: {checked}</p>`
`8`