sterling-svelte  2.0.0
A modern, accessible, lightweight UI component library for Svelte.

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

checkbox (<div>)
  container (<div>)
    input (<input>) 
    indicator (<div>)
  label (<label>)
    children (Snippet)