fluent-svelte ToggleSwitch Example • Playground • Svelte

App.svelte

import { ToggleSwitch } from "fluent-svelte";

</script>

<div>

<ToggleSwitch>ToggleSwitch</ToggleSwitch>

<ToggleSwitch checked>ToggleSwitch</ToggleSwitch>

</div>

<div>

<ToggleSwitch disabled>ToggleSwitch</ToggleSwitch>

<ToggleSwitch checked disabled>ToggleSwitch</ToggleSwitch>

</div>

<style>

@import url("https://unpkg.com/fluent-svelte/theme.css");

:global(body) {

background-color: var(--fds-solid-background-base);

color: var(--fds-text-primary);

}

</style>

loading Svelte compiler...

/* Select a component to see its compiled code */

result = svelte.compile(source, {

generate: "client" "server",

dev: false });

/* Select a component to see its compiled code */