SERV-2286 - divider documentation

src/Views/Limitless/Element/Divider/Documentation/Index.blade.php

@@ -3,19 +3,38 @@
 
 @section('Limitless::Content')
 
-    @php
-        $example = base64_decode("QExpbWl0bGVzczo6RXhhbXBsZQ==");
-    @endphp
+    {{-- Description --}}
+    @Limitless::ElementCardStart(['title' => "Divider", 'icon' => 'icon-minus2'])
+        <p>A styled horizontal line for separating contents.</p>
+    @Limitless::ElementCardStop
+
+    {{-- Elements --}}
+    @Limitless::ElementCardStart(['title' => "Divider", 'icon' => 'icon-grid5'])
+
+    @Limitless::ElementCardStart(['title' => "Divider"])
+
+        <p>A styled horizontal line for separating contents.</p>
+        @Limitless::Divider
+        </br>
+        <h6>Parameters : NONE</h6>
 
-    @Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
-        Description for example element here.
     @Limitless::ElementCardStop
 
-    @Limitless::ElementCardStart(['title' => "Example Sample Output", 'icon' => 'icon-file-empty' ] )
-        @Limitless::Example
     @Limitless::ElementCardStop
 
-    @Limitless::ElementCardStart(['title' => "Example Syntax", 'icon' => 'icon-file-empty' ] )
+    {{-- Sample Output --}}
+    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+        <p>some content...</p>
+        @Limitless::Divider
+        <p>some content...</p>
+    @Limitless::ElementCardStop
+
+    @php
+        $example = base64_decode("PHA+c29tZSBjb250ZW50Li4uPC9wPgpATGltaXRsZXNzOjpEaXZpZGVyCjxwPnNvbWUgY29udGVudC4uLjwvcD4=");
+    @endphp
+
+    {{-- Sample Code --}}
+    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
     @Limitless::ElementCardStop