Local-first, open source apps
<script lang="ts">
import { Checkbox } from "$lib/components/ui/checkbox/index.js";
import { Label } from "$lib/components/ui/label/index.js";
</script>
<div>
<div class="flex items-center space-x-2">
<Checkbox id="terms" />
<Label for="terms">Accept terms and conditions</Label>
</div>
</div>pnpm dlx shadcn-svelte@latest add labelnpx shadcn-svelte@latest add labelnpx shadcn-svelte@latest add labelbun x shadcn-svelte@latest add labelInstall bits-ui:
pnpm i bits-ui -Dnpm i bits-ui -Dyarn install bits-ui -Dbun install bits-ui -DCopy and paste the following code into your project.
import Root from "./label.svelte";
export {
Root,
//
Root as Label,
};
<script lang="ts">
import { Label } from "$lib/components/ui/label/index.js";
</script><Label for="email">Your email address</Label>