mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-20 12:23:02 +00:00
refactor: resolve svelte-check hints
This commit is contained in:
parent
7901eb1316
commit
1fee16d441
5 changed files with 7 additions and 17 deletions
|
@ -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
|
||||
|
|
|
@ -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}" />
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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 />
|
||||
|
|
|
@ -5,6 +5,8 @@
|
|||
let value: NumberInputProps["value"] = null;
|
||||
</script>
|
||||
|
||||
{value}
|
||||
|
||||
<NumberInput
|
||||
label="Clusters"
|
||||
on:change="{(e) => {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue