From: Geoff Kimball <geoff@zurb.com>
Date: Wed, 2 Dec 2015 01:15:20 +0000 (-0800)
Subject: Add example of .fieldset class to docs #7194
X-Git-Tag: v6.0.5~8^2~8
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bc34ad51a428db9bfc94947b2a685f2462426439;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add example of .fieldset class to docs #7194
---

diff --git a/docs/pages/forms.md b/docs/pages/forms.md
index a04d1b0bc..6054fa53e 100644
--- a/docs/pages/forms.md
+++ b/docs/pages/forms.md
@@ -108,6 +108,21 @@ Wrap a group of checkboxes or radio buttons in a `<fieldset>` element, and give
 
 ---
 
+### Fieldset Styles
+
+To encourage their use as an accessibility tool, the `<fieldset>` element is no longer styled by default. Those styles are now contained in the `.fieldset` class.
+
+```html_example
+<fieldset class="fieldset">
+  <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>
+</fieldset>
+```
+
+---
+
 ## Help Text
 
 Place help text below a field to clarify it's purpose. Whenever you use help text, give the text a unique ID, and add the attribute `aria-describedby` to the input.