Skip to content

Commit c40172e

Browse files
committed
docs(radio-button): add "Helper text" example
1 parent 53aa6e0 commit c40172e

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

docs/src/pages/components/RadioButton.svx

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,16 @@ Disable specific radio buttons to prevent selection.
8181
<RadioButton disabled labelText="Pro (128 GB)" value="pro" />
8282
</RadioButtonGroup>
8383

84+
## Helper text
85+
86+
Use `helperText` to provide additional context or instructions below the radio button group.
87+
88+
<RadioButtonGroup legendText="Notification preferences" name="plan-helper" selected="email" helperText="You can change this setting at any time">
89+
<RadioButton labelText="Email" value="email" />
90+
<RadioButton labelText="SMS" value="sms" />
91+
<RadioButton labelText="Push notifications" value="push" />
92+
</RadioButtonGroup>
93+
8494
## Vertical orientation
8595

8696
Display radio buttons in a vertical layout.

0 commit comments

Comments
 (0)