Docs: fix wording in radio and switch docs (#42372)

Co-authored-by: Julien Déramond <juderamond@gmail.com>

diff --git a/site/src/content/docs/forms/radio.mdx b/site/src/content/docs/forms/radio.mdx
index 4c0a732ffe13e65e954e7fefa88b6da1a90f4244..45f115aeac4829eb9b44c0c5ce9f7aabab5a1184 100644 (file)
--- a/site/src/content/docs/forms/radio.mdx
+++ b/site/src/content/docs/forms/radio.mdx
@@ -10,7 +10,7 @@ import { getData } from '@libs/data'
 
 ## Basic radio
 
-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.
+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.
 
 <Example code={`<input type="radio" id="radio" class="radio" />`} />
 
@@ -37,7 +37,7 @@ Add a description or other content after the label. We recommend wrapping the la
 
 ## Theme colors
 
-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.
+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.
 
 <Example class="d-flex flex-column gap-2" code={getData('theme-colors').map((themeColor) => `<div class="form-field">
     <input type="radio" id="radio${themeColor.name}" class="radio theme-${themeColor.name}" checked />

diff --git a/site/src/content/docs/forms/switch.mdx b/site/src/content/docs/forms/switch.mdx
index 525c89ca2a3add3d63cbcc4698a1e95052a897c8..08ea28b25cedbe50784034d35e41a048d61fb301 100644 (file)
--- a/site/src/content/docs/forms/switch.mdx
+++ b/site/src/content/docs/forms/switch.mdx
@@ -28,7 +28,7 @@ Wrap the `.switch` in a `.form-field` layout wrapper and add your label. The gri
 
 ## Theme colors
 
-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.
+Modify the appearance of switches by adding the `.theme-{color}` class to the `.switch` element. This will set the checked background and border color to the theme color.
 
 <Example class="d-flex flex-column gap-2" code={getData('theme-colors').map((themeColor) => ` <div class="form-field">
     <div class="switch theme-${themeColor.name}">