adapting to v2.11.0

Author: devajmeireles

app/Enums/Examples/V2/Ui/Modal.php

@@ -40,6 +40,12 @@ class Modal
     </x-modal>
     HTML;
 
+    public const SCROLLABLE = <<<'HTML'
+    <x-modal scrollable>
+        Your content goes here. It can be very long, so it will scroll.
+    </x-modal>
+    HTML;
+
     public const BLUR = <<<'HTML'
     <!-- sm, md, lg, xl -->
     

contents/v2.yaml

@@ -355,6 +355,7 @@ ui:
     - Basic Usage
     - Title Slot
     - Footer Slot
+    - Scrollable
     - Background Blur
     - Size Variations
     - Centered

resources/views/documentation/v2/ui/modal.blade.php

@@ -48,6 +48,45 @@
             </x-button>
         </x-preview>
     </x-section>
+    <x-section title="Scrollable" description="An option to keep the header and footer fixed while the content is scrollable.">
+        <x-preview language="blade" :contents="$scrollable">
+            <x-modal id="fixed" title="TallStackUI" footer="* You can change or disable the soft scrollbar in the config file." scrollable>
+                Duis do minim aliquip exercitation deserunt ad dolore adipisicing cupidatat esse anim anim culpa. Ea sunt deserunt eu in ipsum ea. Commodo ut irure est quis. Mollit cillum pariatur eu occaecat ea culpa consectetur nostrud non.
+                Dolor consectetur elit dolor. Eu aliquip aliqua duis adipisicing sit duis et sit est sunt. Do anim aliquip nostrud sunt aliquip veniam velit exercitation eiusmod amet laboris. Nisi ad officia cupidatat in labore commodo. Quis reprehenderit eiusmod id enim aliquip eu Lorem sunt labore. Id veniam ut non nulla. Incididunt ex aliquip ipsum.
+                Occaecat occaecat quis laborum labore adipisicing ut est. Dolore ea fugiat aliquip magna nostrud adipisicing pariatur proident eiusmod incididunt cillum aute excepteur sunt. Occaecat exercitation excepteur dolor. Anim incididunt enim nostrud laboris. Magna anim tempor aliqua minim labore eu adipisicing eu veniam ullamco reprehenderit minim culpa anim. Commodo proident nulla officia aliqua occaecat magna est aute. Dolor dolore nulla enim cillum veniam sunt voluptate occaecat nostrud duis. Cillum et non cupidatat adipisicing tempor do qui enim commodo cupidatat non sunt.
+                Labore velit velit eiusmod eiusmod culpa pariatur nisi aliquip culpa sunt culpa ea laborum amet aliquip. Lorem excepteur sunt irure minim culpa anim sit esse est. Enim ipsum culpa minim magna eiusmod amet amet. Deserunt ad aute culpa eiusmod cupidatat ut consectetur commodo nostrud id fugiat ipsum. Eu mollit deserunt deserunt mollit non qui culpa.
+                Sit nulla adipisicing aliquip ullamco. Cillum velit quis elit sit tempor proident labore deserunt enim dolor quis ea. Voluptate velit ut qui. Est veniam incididunt ad occaecat qui sit non sint officia in.
+                Enim adipisicing do pariatur Lorem minim nisi culpa. Cillum ullamco sit irure ullamco. Excepteur officia laboris labore do ullamco. Et velit amet aute magna cupidatat nisi cillum minim incididunt dolor. Minim tempor aliqua ullamco esse reprehenderit in. Commodo aliqua sint cupidatat.
+                Minim aliqua velit eiusmod id tempor veniam consequat voluptate dolor mollit dolor minim. Ut enim adipisicing et. Do anim aute id laborum duis ea exercitation qui laboris ad reprehenderit aliquip enim proident nulla. Consequat ad do ad incididunt ad non officia laboris commodo labore ut.
+                Nisi enim pariatur deserunt fugiat mollit proident voluptate eiusmod ea aute consectetur irure cillum sint. Ut ea dolore enim eu laborum tempor culpa eiusmod. Reprehenderit adipisicing amet occaecat commodo veniam. Excepteur nostrud magna aute incididunt enim. Deserunt laborum cupidatat nisi consectetur non ullamco elit ullamco ea mollit. Adipisicing et tempor nisi est exercitation enim. Anim consequat excepteur magna ut. Sit eu voluptate excepteur.
+                Laboris duis magna proident tempor reprehenderit ex eiusmod velit consequat id anim occaecat non proident magna. Ullamco nulla voluptate laboris adipisicing. Anim cupidatat ipsum tempor quis voluptate deserunt sint mollit. Veniam consequat nisi ut do exercitation nisi deserunt enim sint irure est mollit velit occaecat sint. Eu aliqua enim dolore mollit irure ex eiusmod veniam eiusmod aute est elit consequat quis. Ea cillum qui elit sit aliquip ut dolor exercitation sit do tempor commodo reprehenderit nulla incididunt.
+                Adipisicing reprehenderit ullamco magna sit aute dolor do enim in ullamco est amet irure. Officia mollit Lorem occaecat incididunt cupidatat nisi fugiat laboris. Dolore est proident voluptate reprehenderit commodo veniam voluptate minim culpa amet. Qui laboris cillum adipisicing sint. Cupidatat amet cupidatat pariatur laborum esse quis aute mollit labore enim ea. Ex ex amet id consequat quis ex dolor qui pariatur tempor enim ut minim.
+                Reprehenderit laborum incididunt proident Lorem qui cupidatat labore do ad dolor. Quis ea esse nisi enim cillum ullamco ipsum incididunt. Occaecat cupidatat anim dolor est sit enim reprehenderit consectetur. Aliquip minim adipisicing sit.
+                Quis esse veniam minim pariatur excepteur anim labore qui sint ullamco quis sunt laborum nisi. Sit qui proident anim eu. Do consequat aliquip aliqua fugiat tempor excepteur quis consequat nulla anim ea Lorem amet ex mollit. Veniam officia dolore sint proident mollit ipsum ad amet consequat deserunt labore incididunt. Et ex laborum irure aliquip ullamco. Enim laboris aliquip irure cillum veniam incididunt laborum culpa consectetur dolor aliquip.
+                In labore enim sit velit in deserunt esse ea in nostrud duis. Laborum voluptate amet tempor proident elit ea. Et sint irure cupidatat mollit labore ipsum magna pariatur est fugiat. Proident adipisicing dolore minim occaecat aliqua. Aliquip nulla ad consectetur veniam laboris.
+                Do tempor in sint. Aute cillum magna commodo nulla labore aliqua non proident est laborum exercitation occaecat anim pariatur in. Irure ut sunt nisi ut occaecat ipsum veniam. Ipsum irure ut exercitation. Consequat laborum eiusmod exercitation esse velit occaecat exercitation consequat et minim ad amet culpa. Duis id dolore sit dolor quis nisi non reprehenderit eu minim. Fugiat voluptate sit veniam eu aute exercitation ut minim. Nisi nostrud minim aliquip ex ea.
+                Ad pariatur consequat cillum. Irure eiusmod amet reprehenderit ut est exercitation commodo qui. Magna laboris pariatur velit anim sint adipisicing sit tempor exercitation ullamco aliqua culpa ex. Exercitation dolor ipsum nisi ullamco nisi ex ad dolor ipsum do.
+                Duis cupidatat in et ut mollit occaecat. Id nisi anim amet amet ad reprehenderit deserunt. In laborum do elit culpa sint nostrud id amet non deserunt ea mollit est proident. Eiusmod enim deserunt fugiat.
+                Ex veniam ex enim officia laboris reprehenderit sit sunt duis anim. Proident sunt consectetur irure culpa mollit ullamco in anim anim ullamco. Tempor ea fugiat culpa mollit enim laboris magna magna cupidatat fugiat pariatur id esse. Ipsum irure aliqua labore do fugiat consectetur do. Nulla minim ea occaecat nisi et aute. Nisi pariatur fugiat velit elit magna officia ut ut officia occaecat tempor elit excepteur.
+                Pariatur dolore proident cillum aliquip ipsum sunt eiusmod enim. Cillum nostrud pariatur ullamco cupidatat enim officia id. Et proident dolore sunt velit. Commodo mollit minim in proident anim nisi labore. Cupidatat officia do in sit aliqua esse dolor.
+                Fugiat amet do quis sint laborum esse. Mollit elit amet mollit nostrud nulla non magna. Officia cupidatat commodo aute dolore cillum adipisicing. Voluptate velit amet fugiat quis et veniam Lorem proident. Ipsum Lorem commodo duis sunt quis et. Officia ullamco laboris ut elit mollit ad Lorem et voluptate Lorem dolore commodo culpa elit veniam. Minim et veniam nostrud consequat non quis elit aliqua officia eiusmod id aute ex. Veniam occaecat est sit adipisicing excepteur eiusmod consectetur ullamco exercitation duis quis cupidatat adipisicing.
+                Laborum laborum proident velit qui esse magna ad consequat nisi id irure ex laborum dolor. Veniam dolor id anim nulla occaecat minim. Nulla amet tempor anim in incididunt ad. Aliqua duis eu id in sit ea occaecat amet sint non ea nulla labore proident velit.
+                Minim cillum enim est commodo non commodo. Duis id occaecat proident laboris exercitation amet sunt mollit officia ipsum consequat mollit nostrud reprehenderit aute. Sit nostrud occaecat et aliqua aute elit laborum proident eiusmod voluptate exercitation esse cupidatat minim ut. Ullamco et aliquip pariatur commodo quis ad magna sint et id id ut nostrud.
+                Mollit sint irure aliquip sint. Ex amet id dolore veniam cupidatat esse aliqua est eu elit ut. Ea nisi aliqua qui minim ut nisi elit cupidatat esse. Est cupidatat do minim pariatur velit voluptate ex velit mollit quis do. Voluptate et ad et pariatur mollit elit. Ullamco ipsum enim exercitation ex voluptate.
+                In cupidatat nulla qui irure sunt. Dolore est Lorem consequat incididunt ea occaecat laborum eu. Sint in esse pariatur enim aliquip veniam. Ut ad incididunt deserunt. Cillum ea cupidatat adipisicing Lorem ipsum ad commodo dolore pariatur aute culpa dolor.
+                Enim ut ad proident voluptate ullamco velit proident commodo nulla culpa consectetur. Consequat nulla id quis. Sint est voluptate dolore adipisicing duis excepteur. Eiusmod qui aliqua culpa sint velit elit Lorem consequat dolor in ipsum aliquip et veniam cupidatat. Est ipsum voluptate ullamco labore.
+                Minim anim id anim nulla. Aliqua ea sunt ut veniam ullamco ex. Reprehenderit dolor deserunt Lorem amet est in sit excepteur enim ipsum exercitation cupidatat. Nostrud ipsum ut ea enim do Lorem magna adipisicing proident ea nulla. Nisi officia eiusmod dolore ea sunt labore non anim excepteur.
+                Ut voluptate tempor sint pariatur nostrud nulla veniam. Nulla mollit ut incididunt velit eu et qui dolore amet ut do. Et non enim labore tempor magna. Adipisicing magna velit in pariatur duis laborum dolor tempor. Ad tempor reprehenderit voluptate eiusmod exercitation do veniam ea. Adipisicing laboris veniam voluptate irure. Ea fugiat ex deserunt duis proident adipisicing nostrud reprehenderit veniam cupidatat adipisicing. Eu nisi irure esse quis magna cillum magna laboris.
+                Sint ipsum reprehenderit dolore sit Lorem magna labore. Excepteur aliqua id tempor laboris consectetur nisi do. Occaecat Lorem non non ad cupidatat ex sit. Dolore aliqua nulla officia mollit ut esse magna Lorem sint aliqua.
+                Id occaecat anim qui proident ullamco aliqua. Amet nulla aliquip esse aliquip. Ipsum consequat aute sint est anim veniam consequat aute culpa cillum. Nisi sunt ullamco sunt excepteur reprehenderit irure ea ipsum consectetur irure dolore Lorem consectetur. Qui ipsum culpa velit aliqua aliqua cupidatat reprehenderit Lorem excepteur minim ad dolor nulla cupidatat et. Cillum labore ad veniam magna duis sint amet magna ex. Magna in minim irure eiusmod. Deserunt fugiat ad occaecat ipsum magna sunt fugiat magna officia incididunt eu ea amet.
+                Est cupidatat voluptate irure elit ea aute aute elit cillum ad mollit ex minim duis enim. Duis aliqua nulla enim magna ad anim nostrud excepteur. Non amet ea excepteur consequat est non esse. Commodo dolor ipsum laborum.
+                Adipisicing commodo reprehenderit labore esse voluptate ex commodo ullamco sint occaecat duis eiusmod incididunt aute et. Culpa sint laborum Lorem in veniam laborum duis ex. Nostrud ipsum sit aute excepteur fugiat. Est laborum irure enim adipisicing cupidatat nulla culpa cupidatat ipsum esse proident. Do officia incididunt ex laborum aliqua irure aliquip quis mollit. Esse et amet ut id eu in magna commodo esse exercitation duis ullamco.
+            </x-modal>
+            <x-button x-on:click="$modalOpen('fixed')">
+                Open
+            </x-button>
+        </x-preview>
+    </x-section>
     <x-section title="Background Blur">
         <x-preview language="blade" :contents="$blur">
             <x-modal id="blur-modal-sm" title="TallStackUI" blur>