SERV-2286 - Navigation documentation WIP

src/Views/Limitless/Navigation/Documentation/Index.blade.php

@@ -9,26 +9,74 @@
 
     {{-- Description --}}
     @Limitless::ElementCardStart(['title' => "Navigation", 'icon' => 'icon-menu8'])
-        Description for navigation element here.
+    <p>
+        A vertical area that displays the items for website page navigation.
+        Consists of <i>six (6)</i> elements.
+    </p>
     @Limitless::ElementCardStop
 
     {{-- Elements --}}
     @Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
 
-        @Limitless::ElementCardStart(['title' => "Element 1"])
+        @Limitless::ElementCardStart(['title' => "NavigationStart"])
+
+            <p>The main opening element for the navigation.</p>
+            @Limitless::Divider
+            </br>
+            <h6>Parameters</h6>
+            @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
+
+                @Limitless::TableAutofillHeader([
+                    ['name' => 'Key'],
+                    ['name' => 'Description'],
+                    ['name' => 'Example'],
+                ])
+
+                @Limitless::TableAutofillBody([
+                    [
+                        ['value' => 'extra'],
+                        ['value' => 'Adds custom attributes for the main container. existing attributes such as class will be overwritten.'],
+                        ['value' => "<code>'extra' => ['style' => 'position:relative;', 'id' => 'nav1', 'class' => 'nav nav-custom-style']</code>", 'secure' => false],
+                    ]
+                ])
+            @Limitless::TableStop
+
+        @Limitless::ElementCardStop
+
+        @Limitless::ElementCardStart(['title' => "NavigationStop"])
+
+            - element details
+            - element parameters (this should be on a table element)
+
+        @Limitless::ElementCardStop
+
+        @Limitless::ElementCardStart(['title' => "NavigationMenuSectionTitle"])
+
+        - element details
+        - element parameters (this should be on a table element)
+
+        @Limitless::ElementCardStop
+
+        @Limitless::ElementCardStart(['title' => "NavigationMenuItem"])
 
         - element details
         - element parameters (this should be on a table element)
 
         @Limitless::ElementCardStop
 
-        @Limitless::ElementCardStart(['title' => "Element 2"])
+        @Limitless::ElementCardStart(['title' => "NavigationMenuStart"])
 
         - element details
         - element parameters (this should be on a table element)
 
         @Limitless::ElementCardStop
 
+        @Limitless::ElementCardStart(['title' => "NavigationMenuStop"])
+
+        - element details
+        - element parameters (this should be on a table element)
+
+        @Limitless::ElementCardStop
 
     @Limitless::ElementCardStop