SERV-2286 - example documentation

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

@@ -3,19 +3,36 @@
 
 @section('Limitless::Content')
 
-    @php
-        $example = base64_decode("QExpbWl0bGVzczo6RXhhbXBsZQ==");
-    @endphp
+    {{-- Description --}}
+    @Limitless::ElementCardStart(['title' => "Example", 'icon' => 'icon-exclamation'])
+        <p>Example Div element with custom javascript and stylesheet files.</p>
+    @Limitless::ElementCardStop
+
+    {{-- Elements --}}
+    @Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
+
+        @Limitless::ElementCardStart(['title' => "Example"])
+
+        <p>Example Div element with custom javascript and stylesheet files.</p>
+        @Limitless::Divider
+        </br>
+        <h6>Parameters : NONE</h6>
+
+        @Limitless::ElementCardStop
 
-    @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' ] )
+    {{-- Sample Output --}}
+    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
         @Limitless::Example
     @Limitless::ElementCardStop
 
-    @Limitless::ElementCardStart(['title' => "Example Syntax", 'icon' => 'icon-file-empty' ] )
+    @php
+        $example = base64_decode("QExpbWl0bGVzczo6RXhhbXBsZQ==");
+    @endphp
+
+    {{-- Sample Code --}}
+    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
         @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
     @Limitless::ElementCardStop