From d75d801a99dfbe0c9edad743bbc859273766c51c Mon Sep 17 00:00:00 2001
From: Brian Shanley <bshanley@gmail.com>
Date: Mon, 14 May 2018 11:18:47 +0100
Subject: [PATCH] Fix: Docs: clashing IDs in form checkboxes

Checkbox IDs in the "Forms" component are the same as in "Abide" and clashing with each other.
I have changed the IDs in "Forms" so they are distinct
---
 docs/pages/kitchen-sink.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/pages/kitchen-sink.md b/docs/pages/kitchen-sink.md
index 4a413603c..88e8a05c0 100644
--- a/docs/pages/kitchen-sink.md
+++ b/docs/pages/kitchen-sink.md
@@ -553,15 +553,15 @@ description: Everything but.
   <div class="grid-x grid-margin-x">
     <fieldset class="cell large-6">
       <legend>Choose Your Favorite</legend>
-      <input type="radio" name="pokemon" value="Red" id="pokemonRed" required><label for="pokemonRed">Red</label>
-      <input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Blue</label>
-      <input type="radio" name="pokemon" value="Yellow" id="pokemonYellow"><label for="pokemonYellow">Yellow</label>
+      <input type="radio" name="pokemon" value="Red" id="formRed" required><label for="formRed">Red</label>
+      <input type="radio" name="pokemon" value="Blue" id="formBlue"><label for="formBlue">Blue</label>
+      <input type="radio" name="pokemon" value="Yellow" id="formYellow"><label for="formYellow">Yellow</label>
     </fieldset>
     <fieldset class="cell large-6">
       <legend>Check these out</legend>
-      <input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
-      <input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
-      <input id="checkbox3" type="checkbox"><label for="checkbox3">Checkbox 3</label>
+      <input id="formCheckbox1" type="checkbox"><label for="formCheckbox1">Checkbox 1</label>
+      <input id="formCheckbox2" type="checkbox"><label for="formCheckbox2">Checkbox 2</label>
+      <input id="formCheckbox3" type="checkbox"><label for="formCheckbox3">Checkbox 3</label>
     </fieldset>
   </div>
   <div class="grid-x grid-margin-x">
-- 
2.47.2