carbon-components-svelte/tests/DynamicCodeSnippet.test.svelte
2020-11-19 14:16:01 -08:00

15 lines
367 B
Svelte

<script lang="ts">
import { ToggleSmall, CodeSnippet } from "../types";
let toggled = false;
$: length = toggled ? 20 : 10;
$: code = Array.from({ length }, (_, i) => i + 1).join("\n");
</script>
<ToggleSmall
style="margin-bottom: var(--cds-spacing-05)"
labelText="Trigger snippet overflow"
bind:toggled
/>
<CodeSnippet type="multi" code="{code}" />