Skip to content

Commit 5a7c201

Browse files
committed
docs(radio-button): name must be unique for multiple instances
1 parent ea19db9 commit 5a7c201

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

docs/src/pages/components/RadioButton.svx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ It's recommended that you provide a legend for accessibility.
2323

2424
Use `hideLegend` to visually hide the legend text.
2525

26-
<RadioButtonGroup hideLegend legendText="Storage tier (disk)" selected="standard">
26+
<RadioButtonGroup hideLegend legendText="Storage tier (disk)" name="plan-legend" selected="standard">
2727
<RadioButton labelText="Free (1 GB)" value="free" />
2828
<RadioButton labelText="Standard (10 GB)" value="standard" />
2929
<RadioButton labelText="Pro (128 GB)" value="pro" />
@@ -33,7 +33,7 @@ Use `hideLegend` to visually hide the legend text.
3333

3434
Use the named "legendText" slot to customize the legend text.
3535

36-
<RadioButtonGroup name="plan" selected="standard">
36+
<RadioButtonGroup name="plan-legend-slot" selected="standard">
3737
<div slot="legendText" style:display="flex">
3838
Storage tier (disk)
3939
<Tooltip>
@@ -55,23 +55,23 @@ Use the `selected` prop to bind and update the selected value.
5555

5656
## Left-aligned label text
5757

58-
<RadioButtonGroup labelPosition="left" legendText="Storage tier (disk)" name="plan" selected="standard">
58+
<RadioButtonGroup labelPosition="left" legendText="Storage tier (disk)" name="plan-left-aligned" selected="standard">
5959
<RadioButton labelText="Free (1 GB)" value="free" />
6060
<RadioButton labelText="Standard (10 GB)" value="standard" />
6161
<RadioButton labelText="Pro (128 GB)" value="pro" />
6262
</RadioButtonGroup>
6363

6464
## Disabled buttons
6565

66-
<RadioButtonGroup labelPosition="left" legendText="Storage tier (disk)" name="plan" selected="standard">
66+
<RadioButtonGroup labelPosition="left" legendText="Storage tier (disk)" name="plan-disabled" selected="standard">
6767
<RadioButton disabled labelText="Free (1 GB)" value="free" />
6868
<RadioButton labelText="Standard (10 GB)" value="standard" />
6969
<RadioButton disabled labelText="Pro (128 GB)" value="pro" />
7070
</RadioButtonGroup>
7171

7272
## Vertical orientation
7373

74-
<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)" name="plan" selected="standard">
74+
<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)" name="plan-vertical" selected="standard">
7575
<RadioButton labelText="Free (1 GB)" value="free" />
7676
<RadioButton labelText="Standard (10 GB)" value="standard" />
7777
<RadioButton labelText="Pro (128 GB)" value="pro" />

0 commit comments

Comments
 (0)