mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +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

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

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

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

@ -10,7 +10,11 @@
<Theme bind:theme /> <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} {#each ["white", "g10", "g80", "g90", "g100"] as value}
<RadioButton labelText="{value}" value="{value}" /> <RadioButton labelText="{value}" value="{value}" />
{/each} {/each}

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

@ -10,7 +10,11 @@
<Theme bind:theme persist persistKey="__carbon-theme" /> <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} {#each ["white", "g10", "g80", "g90", "g100"] as value}
<RadioButton labelText="{value}" value="{value}" /> <RadioButton labelText="{value}" value="{value}" />
{/each} {/each}

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

@ -128,6 +128,7 @@
<RadioButtonGroup <RadioButtonGroup
style="margin-top: var(--cds-spacing-08)" style="margin-top: var(--cds-spacing-08)"
legendText="Carbon themes" legendText="Carbon themes"
name="theme"
bind:selected="{$theme}" bind:selected="{$theme}"
> >
{#each ["white", "g10", "g80", "g90", "g100"] as value} {#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 /> <Checkbox id="checkbox-2" labelText="Checkbox Label" disabled />
</FormGroup> </FormGroup>
<FormGroup legendText="Radio buttons"> <FormGroup legendText="Radio buttons">
<RadioButtonGroup selected="default-selected"> <RadioButtonGroup selected="default-selected" name="radio-group">
<RadioButton <RadioButton
id="radio-1" id="radio-1"
value="standard" value="standard"

8
tests/RadioButton.test.svelte
View file

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