docs(checkbox/radio): Remove double fieldset wrappers

telus · Feb 7, 2018 · 96b56c8 · 96b56c8
1 parent 8808ba0
commit 96b56c8
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 24 deletions.
diff --git a/src/components/Checkbox/Checkbox.md b/src/components/Checkbox/Checkbox.md
@@ -7,19 +7,17 @@ A stand-alone checkbox is used for a single option that the user can turn on or
 <a href="https://www.nngroup.com/articles/checkboxes-vs-radio-buttons/" target="_blank">Reference</a>
 
 ```
-<fieldset>
-  <Box tag="fieldset" between={2}>
-    <legend>
-      <Text bold size="medium">
-        Show me deals for:
-      </Text>
-    </legend>
-    <Checkbox name="services" value="mobility" label="Mobility" />
-    <Checkbox name="services" value="internet" label="Internet" />
-    <Checkbox name="services" value="tv" label="TV" />
-    <Checkbox name="services" value="home-phone" label="Home Phone" />
-  </Box>
-</fieldset>
+<Box tag="fieldset" between={2}>
+  <legend>
+    <Text bold size="medium">
+      Show me deals for:
+    </Text>
+  </legend>
+  <Checkbox name="services" value="mobility" label="Mobility" />
+  <Checkbox name="services" value="internet" label="Internet" />
+  <Checkbox name="services" value="tv" label="TV" />
+  <Checkbox name="services" value="home-phone" label="Home Phone" />
+</Box>
 ```
 
 ### Getting feedback for an unchecked checkbox

diff --git a/src/components/Radio/Radio.md b/src/components/Radio/Radio.md
@@ -17,15 +17,13 @@ initialState = {
 
 const setChoice = (event) => setState({choice: event.target.value});
 
-<fieldset>
-  <Box tag="fieldset" between={2}>
-    <legend>
-      <Text bold size="medium">
-        How would you like to recieve your monthly bill?
-      </Text>
-    </legend>
-    <Radio label="e.Bill" name="monthly-bill" value="e.Bill" checked={state.choice === "e.bill"} onChange={setChoice} />
-    <Radio label="Paper bill" name="monthly-bill" value="paper bill" checked={state.choice === "paper bill"} onChange={setChoice} />
-  </Box>
-</fieldset>
+<Box tag="fieldset" between={2}>
+  <legend>
+    <Text bold size="medium">
+      How would you like to recieve your monthly bill?
+    </Text>
+  </legend>
+  <Radio label="e.Bill" name="monthly-bill" value="e.Bill" checked={state.choice === "e.bill"} onChange={setChoice} />
+  <Radio label="Paper bill" name="monthly-bill" value="paper bill" checked={state.choice === "paper bill"} onChange={setChoice} />
+</Box>
 ```