<script>
  import Checkbox from "svelte-checkbox";
  let checked = false;
</script>
<Checkbox bind:checked></Checkbox>

<script>
  import Checkbox from "svelte-checkbox";
  function handleChange({ detail }) {
    console.log("checked", detail);
  }
</script>
<Checkbox on:change="{handleChange}" />

<script>
  import Checkbox from "svelte-checkbox";
  let checked = false;
</script>
<style>
  :global(.main__checkbox) {
    margin: 0.5rem;
  }
</style>
<Checkbox
  class="main__checkbox"
  size="5rem"
  bind:checked
  name="inputName"
  secondaryColor="rgba(1, 50, 67,0.2)"
  primaryColor="rgb(77, 5, 232)"
/>