mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
23 lines
596 B
Svelte
23 lines
596 B
Svelte
<script>
|
|
export let story = undefined;
|
|
|
|
import Layout from '../../internal/ui/Layout.svelte';
|
|
import ToggleSmall from './ToggleSmall.svelte';
|
|
import ToggleSmallSkeleton from './ToggleSmall.Skeleton.svelte';
|
|
|
|
let toggled = true;
|
|
|
|
$: {
|
|
console.log('toggled', toggled);
|
|
}
|
|
</script>
|
|
|
|
<Layout>
|
|
{#if story === 'toggled'}
|
|
<ToggleSmall {...$$props} id="toggle-small-id" name="toggle-small-name" bind:toggled />
|
|
{:else if story === 'skeleton'}
|
|
<ToggleSmallSkeleton />
|
|
{:else}
|
|
<ToggleSmall {...$$props} id="toggle-small-id" name="toggle-small-name" />
|
|
{/if}
|
|
</Layout>
|