mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
22 lines
388 B
Svelte
22 lines
388 B
Svelte
<script>
|
|
import { Toggle, Button } from "carbon-components-svelte";
|
|
|
|
let toggled = true;
|
|
</script>
|
|
|
|
<Toggle labelText="Push notifications" bind:toggled />
|
|
|
|
<div>
|
|
<Button size="small" on:click="{() => (toggled = !toggled)}">
|
|
Toggle
|
|
{toggled ? "off" : "on"}
|
|
</Button>
|
|
</div>
|
|
|
|
<div>Toggled: {toggled}</div>
|
|
|
|
<style>
|
|
div {
|
|
margin-top: var(--bx-spacing-05);
|
|
}
|
|
</style>
|