Toggle

Source code
Table of Contents

Usage

Default (untoggled)

<script>
  import { Toggle } from "carbon-components-svelte";
</script>

<Toggle labelText="Push notifications" />

Toggled

<script>
  import { Toggle } from "carbon-components-svelte";
</script>

<Toggle labelText="Push notifications" toggled />

Custom labels

<script>
  import { Toggle } from "carbon-components-svelte";
</script>

<Toggle labelText="Push notifications" labelA="No" labelB="Yes" />

Disabled

<script>
  import { Toggle } from "carbon-components-svelte";
</script>

<Toggle labelText="Push notifications" disabled />

Skeleton

<script>
  import { ToggleSkeleton } from "carbon-components-svelte";
</script>

<ToggleSkeleton />
Table of Contents