Toggle experimental

<script lang="ts">
  import * as Toggle from '@odbd/svelte/toggle'
</script>

<div style="display: flex; max-width: 30rem; flex-wrap: wrap; gap: 0.75rem;">
  <Toggle.Root defaultPressed>
    <Toggle.Indicator>
      켜짐
      {#snippet fallback()}
        꺼짐
      {/snippet}
    </Toggle.Indicator>
    <Toggle.Context>
      {#snippet render(api)}
        {api().pressed ? '요약 알림 받기' : '요약 알림 끄기'}
      {/snippet}
    </Toggle.Context>
  </Toggle.Root>
  <Toggle.Root>
    <Toggle.Indicator>
      표시
      {#snippet fallback()}
        숨김
      {/snippet}
    </Toggle.Indicator>
    완료 항목 표시
  </Toggle.Root>
  <Toggle.Root disabled>
    <Toggle.Indicator>
      잠금
      {#snippet fallback()}
        대기
      {/snippet}
    </Toggle.Indicator>
    릴리스 잠금 유지
  </Toggle.Root>
</div>