<script lang="ts">

  import Switch from '$lib/components/base/switch.svelte';

  let checked = $state(false);

</script>

<Switch label="Label here" bind:checked>Helper text here</Switch>

<p>Checked: {checked}</p>

<script lang="ts">

  import Switch from '$lib/components/base/switch.svelte';

</script>

<Switch label="Default switch" />

<Switch label="Sharp switch" edge="sharp" />

<Switch label="Circle switch" edge="circle" />

<script lang="ts">

  import Switch from '$lib/components/base/switch.svelte';

</script>

<Switch label="Disabled switch" disabled />

<Switch label="Disabled switch" disabled checked />

<script lang="ts">

  import Switch from '$lib/components/base/switch.svelte';

</script>

<Switch label="Disabled switch" loading />

<Switch label="Disabled switch" loading checked />