mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add missing names.

Browse source
This commit is contained in:
brunnerh 2024-01-03 04:46:52 +01:00
commit 5b715d1ab2
6 changed files with 22 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/src/pages/components/RadioButton.svx
View file

@ -79,7 +79,7 @@ Use the `selected` prop to bind and update the selected value.
## Skeleton
<RadioButtonGroup legendText="Storage tier (disk)">
<RadioButtonGroup legendText="Storage tier (disk)" name="skeleton">
<RadioButtonSkeleton />
<RadioButtonSkeleton />
<RadioButtonSkeleton />
@ -87,7 +87,7 @@ Use the `selected` prop to bind and update the selected value.
## Skeleton (vertical)
<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)">
<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)" name="skeleton-vertical">
<RadioButtonSkeleton />
<RadioButtonSkeleton />
<RadioButtonSkeleton />

6
docs/src/pages/framed/Theme/Theme.svelte
View file

@ -10,7 +10,11 @@
<Theme bind:theme />
<RadioButtonGroup legendText="Carbon theme" bind:selected="{theme}">
<RadioButtonGroup
legendText="Carbon theme"
name="theme"
bind:selected="{theme}"
>
{#each ["white", "g10", "g80", "g90", "g100"] as value}
<RadioButton labelText="{value}" value="{value}" />
{/each}

6
docs/src/pages/framed/Theme/ThemePersist.svelte
View file

@ -10,7 +10,11 @@
<Theme bind:theme persist persistKey="__carbon-theme" />
<RadioButtonGroup legendText="Carbon theme" bind:selected="{theme}">
<RadioButtonGroup
legendText="Carbon theme"
name="theme"
bind:selected="{theme}"
>
{#each ["white", "g10", "g80", "g90", "g100"] as value}
<RadioButton labelText="{value}" value="{value}" />
{/each}

1
docs/src/pages/index.svelte
View file

@ -128,6 +128,7 @@
<RadioButtonGroup
style="margin-top: var(--cds-spacing-08)"
legendText="Carbon themes"
name="theme"
bind:selected="{$theme}"
>
{#each ["white", "g10", "g80", "g90", "g100"] as value}

2
tests/Form.test.svelte
View file

@ -20,7 +20,7 @@
<Checkbox id="checkbox-2" labelText="Checkbox Label" disabled />
</FormGroup>
<FormGroup legendText="Radio buttons">
<RadioButtonGroup selected="default-selected">
<RadioButtonGroup selected="default-selected" name="radio-group">
<RadioButton
id="radio-1"
value="standard"

8
tests/RadioButton.test.svelte
View file

@ -4,6 +4,7 @@
<RadioButtonGroup
legendText="Storage tier (disk)"
name="group-1"
selected="standard"
on:change="{(e) => {
console.log(e.detail); // string
@ -16,6 +17,7 @@
<RadioButtonGroup
legendText="Storage tier (disk)"
name="group-2"
labelPosition="left"
selected="standard"
>
@ -24,7 +26,11 @@
<RadioButton labelText="Pro (128 GB)" value="pro" />
</RadioButtonGroup>
<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)">
<RadioButtonGroup
orientation="vertical"
legendText="Storage tier (disk)"
name="group-3"
>
<RadioButtonSkeleton />
<RadioButtonSkeleton />
<RadioButtonSkeleton />