refactor: resolve svelte-check hints

This commit is contained in:
Eric Liu 2022-03-12 13:02:29 -08:00
commit 1fee16d441
5 changed files with 7 additions and 17 deletions

View file

@ -1,12 +1,13 @@
<script>
import { ToggleSmall, CodeSnippet } from "carbon-components-svelte";
import { Toggle, CodeSnippet } from "carbon-components-svelte";
let toggled = false;
const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n");
</script>
<ToggleSmall
<Toggle
size="sm"
style="margin-bottom: var(--cds-spacing-05)"
labelText="Show code snippets"
bind:toggled

View file

@ -1,5 +1,5 @@
<script lang="ts">
import { ToggleSmall, CodeSnippet } from "../types";
import { CodeSnippet } from "../types";
let toggled = false;
@ -7,9 +7,4 @@
$: 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}" />

View file

@ -3,7 +3,6 @@
Header,
HeaderUtilities,
HeaderAction,
HeaderActionSearch,
HeaderGlobalAction,
HeaderPanelLinks,
HeaderPanelDivider,
@ -31,7 +30,6 @@
<SkipToContent />
</div>
<HeaderUtilities>
<HeaderActionSearch />
<HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust20}" />
<HeaderAction
bind:isOpen

View file

@ -1,17 +1,11 @@
<script lang="ts">
import { ToggleSmall, CodeSnippet } from "../types";
import { CodeSnippet } from "../types";
let toggled = false;
const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n");
</script>
<ToggleSmall
style="margin-bottom: var(--cds-spacing-05)"
labelText="Show code snippets"
bind:toggled
/>
{#if toggled}
<h5>"Show more" will not render</h5>
<br />

View file

@ -5,6 +5,8 @@
let value: NumberInputProps["value"] = null;
</script>
{value}
<NumberInput
label="Clusters"
on:change="{(e) => {