@@ -23,7 +23,7 @@ It's recommended that you provide a legend for accessibility.
2323
2424Use `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
3434Use 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