Checkbox

An interactive element to set a true/false value.

Code

<script lang="ts">
  import { Checkbox } from '@geoffcox/sterling-svelte';
</script>

<Checkbox bind:checked>sterling-svelte</Checkbox>

Considerations

Includes HTMLInputElement props, events, and methods.

Anatomy

<div class="sterling-checkbox">
  <div class="container">
    <input type="checkbox" />
    <div class="indicator"></div>
  </div>
  <label>
    {@render children()}
  </label>
</div>