mirror of
https://github.com/pocket-id/pocket-id.git
synced 2025-12-16 17:23:24 +03:00
26 lines
582 B
Svelte
26 lines
582 B
Svelte
<script lang="ts">
|
|
import { Checkbox } from './ui/checkbox';
|
|
import { Label } from './ui/label';
|
|
|
|
let {
|
|
id,
|
|
checked = $bindable(),
|
|
label,
|
|
description
|
|
}: { id: string; checked: boolean; label: string; description?: string } = $props();
|
|
</script>
|
|
|
|
<div class="items-top mt-5 flex space-x-2">
|
|
<Checkbox {id} bind:checked />
|
|
<div class="grid gap-1.5 leading-none">
|
|
<Label for={id} class="mb-0 text-sm font-medium leading-none">
|
|
{label}
|
|
</Label>
|
|
{#if description}
|
|
<p class="text-muted-foreground text-[0.8rem]">
|
|
{description}
|
|
</p>
|
|
{/if}
|
|
</div>
|
|
</div>
|