docs: refactor forms into top level section (#6158)

react-bootstrap · Dec 22, 2021 · c8b59aa · c8b59aa
1 parent 260671c
commit c8b59aa
Show file tree

Hide file tree

Showing 14 changed files with 685 additions and 572 deletions.
diff --git a/www/src/components/SideNav.js b/www/src/components/SideNav.js
@@ -110,6 +110,19 @@ const gettingStarted = [
 
 const layout = ['grid', 'stack'];
 
+const forms = [
+  'overview',
+  'form-control',
+  'form-text',
+  'select',
+  'checks-radios',
+  'range',
+  'input-group',
+  'floating-labels',
+  'layout',
+  'validation',
+];
+
 const components = [
   'alerts',
   'accordion',
@@ -122,8 +135,6 @@ const components = [
   'close-button',
   'dropdowns',
   'figures',
-  'forms',
-  'input-group',
   'images',
   'list-group',
   'modal',
@@ -246,6 +257,12 @@ class SideNav extends React.Component {
                 items={layout}
                 path="/layout"
               />
+              <NavSection
+                heading="Forms"
+                location={location}
+                items={forms}
+                path="/forms"
+              />
               <NavSection
                 heading="Components"
                 location={location}

diff --git a/www/src/examples/Form/FormControlDisabled.js b/www/src/examples/Form/FormControlDisabled.js
@@ -0,0 +1,16 @@
+<>
+  <Form.Control
+    type="text"
+    placeholder="Disabled input"
+    aria-label="Disabled input example"
+    disabled
+    readOnly
+  />
+  <br />
+  <Form.Control
+    type="text"
+    placeholder="Disabled readonly input"
+    aria-label="Disabled input example"
+    readOnly
+  />
+</>;
diff --git a/www/src/examples/Form/GridAutoSizingCustom.js b/www/src/examples/Form/GridAutoSizingCustom.js