forked from bai/curriculum-project-hub
ChickenPige0n
cbe569d7e6
Run `prettier --write .` across all source files. Changes are purely formatting: trailing commas, line wrapping at 120 chars, import reordering, and CSS whitespace. No logic changes. Verified with `prettier --check .` and `svelte-check` (0 errors, 0 warnings).
33 lines
612 B
Svelte
33 lines
612 B
Svelte
<script lang="ts">
|
|
import { Checkbox } from 'bits-ui';
|
|
import Icon from './Icon.svelte';
|
|
|
|
let {
|
|
checked = $bindable(false),
|
|
disabled = false,
|
|
class: className = '',
|
|
onchange,
|
|
}: {
|
|
checked?: boolean;
|
|
disabled?: boolean;
|
|
class?: string;
|
|
onchange?: (checked: boolean) => void;
|
|
} = $props();
|
|
</script>
|
|
|
|
<Checkbox.Root
|
|
class="saas-checkbox {className}"
|
|
{disabled}
|
|
{checked}
|
|
onCheckedChange={(next) => {
|
|
checked = next;
|
|
onchange?.(next);
|
|
}}
|
|
>
|
|
{#snippet children({ checked: isChecked })}
|
|
{#if isChecked}
|
|
<Icon name="check" class="h-3.5 w-3.5" />
|
|
{/if}
|
|
{/snippet}
|
|
</Checkbox.Root>
|