SERV-2286 - modal element documentation

src/Views/Limitless/Modal/Config.php

@@ -65,9 +65,10 @@
                 ->withKeyboard($parameters['keyboard'] ?? true)
                 ->withBackdrop($parameters['backdrop'] ?? true)
                 ->withSize($parameters['size'] ?? null)
-                ->withScrollable($parameters['scrollable'] ?? null)
+                ->withScrollable($parameters['scrollable'] ?? false)
                 ->withIcon($parameters['icon'] ?? null)
-                ->withTitle($parameters['title'] ?? 'No title');
+                ->withTitle($parameters['title'] ?? 'No title')
+                ->withSubtitle($parameters['subtitle'] ?? null);
 
         }
 

src/Views/Limitless/Modal/ModalStart.blade.php

@@ -11,8 +11,31 @@
         <div class="modal-content">
             <div class="modal-header @if($scrollable) pb-3 @endif">
                 <h5 class="modal-title">
-                    @if($icon) <i class="{{ $icon }} mr-2"></i> &nbsp; @endif
+                    @if($icon) <i class="{{ $icon }}"></i> &nbsp; @endif
+
+                    @if(is_array($title))
+                        @if(isset($title['value']) && $title['value'])
+                            @if($title['secure'] === false) {!! $title['value'] !!} @else {{ $title['value'] }} @endif
+                        @else
+                            No Title
+                        @endif
+                    @else
                         {{ $title }}
+                    @endif
+
+                    @if($subtitle)
+                        <small class="d-block text-muted">
+                            @if(is_array($subtitle))
+                                @if(isset($subtitle['value']) && $subtitle['value'])
+                                    @if($subtitle['secure'] === false) {!! $subtitle['value'] !!} @else {{ $subtitle['value'] }} @endif
+                                @else
+                                    No subtitle
+                                @endif
+                            @else
+                                {{ $subtitle }}
+                            @endif
+                        </small>
+                    @endif
                 </h5>
                 <button type="button" class="close" data-dismiss="modal">×</button>
             </div>