Skip to content

Commit 3f4d7de

Browse files
committed
v6: docs - Fix wording in radio and switch docs
Correct minor copy and terminology errors in form component documentation. radio.mdx: fix grammar ('as we use pure CSS' instead of 'as we pure CSS') and clarify 'checked radios' instead of 'checked checkboxes'. switch.mdx: clarify wording to describe switches rather than checkboxes for the `.checked-{color}` class.
1 parent b193830 commit 3f4d7de

2 files changed

Lines changed: 3 additions & 3 deletions

File tree

site/src/content/docs/forms/radio.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import { getData } from '@libs/data'
1010

1111
## Basic radio
1212

13-
Similar to checkboxes, radios are styled with the `.radio` class. However, there's no custom SVG as we pure CSS to style the input and its checked state.
13+
Similar to checkboxes, radios are styled with the `.radio` class. However, there's no custom SVG as we use pure CSS to style the input and its checked state.
1414

1515
<Example code={`<input type="radio" id="radio" class="radio" />`} />
1616

@@ -37,7 +37,7 @@ Add a description or other content after the label. We recommend wrapping the la
3737

3838
## Theme colors
3939

40-
Modify the appearance of checked checkboxes by adding the `.theme-{color}` class to the `.radio` element. This will set the checked background and border color to the theme color.
40+
Modify the appearance of checked radios by adding the `.theme-{color}` class to the `.radio` element. This will set the checked background and border color to the theme color.
4141

4242
<Example class="d-flex flex-column gap-2" code={getData('theme-colors').map((themeColor) => `<div class="form-field">
4343
<input type="radio" id="radio${themeColor.name}" class="radio theme-${themeColor.name}" checked />

site/src/content/docs/forms/switch.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ Wrap the `.switch` in a `.form-field` layout wrapper and add your label. The gri
2828

2929
## Theme colors
3030

31-
Modify the appearance of checked checkboxes by adding the `.checked-{color}` class to the `.switch` element. This will set the checked background and border color to the theme color.
31+
Modify the appearance of switches by adding the `.checked-{color}` class to the `.switch` element. This will set the checked background and border color to the theme color.
3232

3333
<Example class="d-flex flex-column gap-2" code={getData('theme-colors').map((themeColor) => ` <div class="form-field">
3434
<div class="switch theme-${themeColor.name}">

0 commit comments

Comments
 (0)