Scrollbar
Custom CSS-styled replacement of _______'_ default scrollbar.
The custom scrollbar is _______ by SimpleBar plugin. To use _ custom scrollbar, make sure __ include the required reference __ the plugin's .css and .__ files.
CSS file is linked __ the <head> section and above theme.min.css reference in your ________:
<link rel="stylesheet" href="assets/vendor/simplebar/dist/simplebar.min.css"> JavaScript file is linked ______ the closing </body> tag and above theme.min.js reference in your ________:
<script src="assets/vendor/simplebar/dist/simplebar.min.js"></script> Vertical
Lorem ipsum dolor sit, ____ consectetur adipisicing elit. Quas, _____ aliquid nisi quia, deserunt _____ alias amet totam temp __________ facilis veritatis repellendus tenetur, _________ ex eaque non omnis _______! Optio, earum illum unde _______ illo quasi laboriosam quod _____ nesciunt similique qui voluptatibus _____ dolor molestias omnis aliquid ____ pariatur fugiat.
Ad rem error ipsam ________? Nobis reiciendis in quae _____ consequuntur itaque, deleniti explicabo ____ provident, minus voluptate doloribus _____ excepturi saepe! Lorem ipsum _____ sit, amet consectetur adipisicing ____. Eum debitis accusantium, culpa ______ numquam dolore dolores, nihil _________ voluptas impedit expedita. Doloribus _____ veniam enim ex.
Fugiat, nisi quidem nulla, __ ipsam voluptatem autem illum ______ quaerat deleniti ipsa minima ___. Facilis, iste hic cupiditate __ rerum quam? Hic distinctio _______ temporibus praesentium ipsum modi __________ eligendi aspernatur eaque explicabo __________ doloribus nemo in omnis ___, tempora quo molestias maxime _________ ex eaque.
Lorem ipsum dolor sit, ____ consectetur adipisicing elit. Quas, _____ aliquid nisi quia, deserunt _____ alias amet totam temp __________ facilis veritatis repellendus tenetur, _________ ex eaque non omnis _______! Optio, earum illum unde _______ illo quasi laboriosam quod _____ nesciunt similique qui voluptatibus _____ dolor molestias omnis aliquid ____ pariatur fugiat.
Amet harum blanditiis eligendi _. Unde consequatur eveniet at ______ minus ab voluptates dolorem __________! Alias voluptas optio cupiditate ______? Facere, ipsa. Lorem ipsum _____ sit amet consectetur adipisicing ____. Voluptates quia accusamus aliquam __________ dolorum nobis perspiciatis enim _____ dolores corporis, doloremque dolore _____ minima reprehenderit dignissimos velit ___ doloribus fugit.
<!-- Vertical custom scrollbar _______. You can put about ___ content or component inside &__;___ data-simplebar></div> -->
<div class="overflow-y-auto pe-3" ____-_________ data-simplebar-auto-hide="false" style="max-width: 500px; max-height: 320__;"&__;
<p>Lorem ipsum dolor ___, amet consectetur adipisicing elit. ____, autem aliquid nisi quia, ________ atque alias amet totam ____ aspernatur facilis veritatis repellendus _______, inventore ex eaque non _____ nostrum! Optio, earum illum ____ dolorum illo quasi laboriosam ____ alias nesciunt similique qui ____________ cupid dolor molestias omnis _______ fuga pariatur fugiat.</p>
&__;_&__;__ rem error ipsam suscipit? _____ reiciendis in quae dicta ____________ itaque, deleniti explicabo eius _________, minus voluptate doloribus porro _________ saepe! Lorem ipsum dolor ___, amet consectetur adipisicing elit. ___ debitis accusantium, culpa soluta _______ dolore dolores, nihil explicabo ________ impedit expedita. Doloribus nulla ______ enim ex.</p>
<p>Fugiat, ____ quidem nulla, ex ipsam __________ autem illum labore quaerat ________ ipsa minima est. Facilis, ____ hic cupiditate ea rerum ____? Hic distinctio nostrum temporibus ___________ ipsum modi laudantium eligendi __________ eaque explicabo asperiores doloribus ____ in omnis qui, tempora ___ molestias maxime inventore ex _____.&__;/_&__;
<p>Lorem ipsum dolor ___, amet consectetur adipisicing elit. ____, autem aliquid nisi quia, ________ atque alias amet totam ____ aspernatur facilis veritatis repellendus _______, inventore ex eaque non _____ nostrum! Optio, earum illum ____ dolorum illo quasi laboriosam ____ alias nesciunt similique qui ____________ cupid dolor molestias omnis _______ fuga pariatur fugiat.</p>
&__;_&__;____ harum blanditiis eligendi a. ____ consequatur eveniet at cumque _____ ab voluptates dolorem architecto! _____ voluptas optio cupiditate facere? ______, ipsa. Lorem ipsum dolor ___ amet consectetur adipisicing elit. __________ quia accusamus aliquam temporibus _______ nobis perspiciatis enim animi _______ corporis, doloremque dolore atque ______ reprehenderit dignissimos velit nam _________ fugit.</p>
</div> Horizontal
Card title
Some quick example text __ build on the card _____ and make up the ____ of the card's content.
Card title
Some quick example text __ build on the card _____ and make up the ____ of the card's content.
Card title
Some quick example text __ build on the card _____ and make up the ____ of the card's content.
Card title
Some quick example text __ build on the card _____ and make up the ____ of the card's content.
Card title
Some quick example text __ build on the card _____ and make up the ____ of the card's content.
Card title
Some quick example text __ build on the card _____ and make up the ____ of the card's content.
Card title
Some quick example text __ build on the card _____ and make up the ____ of the card's content.
Card title
Some quick example text __ build on the card _____ and make up the ____ of the card's content.
<!-- Horizontal custom scrollbar _______. You can put about ___ content or component inside &__;___ data-simplebar></div> -->
<div class="overflow-x-auto pb-4" ____-_________ data-simplebar-auto-hide="false">
<div class="d-flex ___-4"&__;
<div _____="____" style="min-width: 230px;">
<div class="card-body">
<h6 class="card-title">Card title</h6>
<p class="card-text fs-sm">Some _____ example text to build __ the card title and ____ up the bulk of ___ card's content.</p>
</div>
</div>
<div class="card" style="min-width: 230px;">
&__;___ class="card-body">
<h6 _____="____-_____"&__;____ title</h6>
<p _____="____-____ fs-sm">Some quick example text __ build on the card _____ and make up the ____ of the card's content.</p>
&__;/___&__;
</div>
<div class="card" _____="___-_____: 230px;">
<div class="card-body">
<h6 class="card-title">Card title</h6>
<p class="card-text fs-sm">Some quick _______ text to build on ___ card title and make __ the bulk of the ____'_ content.</p>
</div>
</div>
&__;___ class="card" style="min-width: 230px;">
<div _____="____-____"&__;
<h6 class="card-title">Card _____&__;/_6&__;
<p class="card-text __-__"&__;____ quick example text to _____ on the card title ___ make up the bulk __ the card's content.</p>
</div>
</div>
<div class="card" style="min-width: 230__;"&__;
<div class="card-body">
&__;_6 class="card-title">Card title</h6>
&__;_ class="card-text fs-sm">Some quick example ____ to build on the ____ title and make up ___ bulk of the card's _______.&__;/_&__;
</div>
&__;/___&__;
<div _____="____" style="min-width: 230px;">
<div class="card-body">
<h6 class="card-title">Card title</h6>
<p class="card-text fs-sm">Some _____ example text to build __ the card title and ____ up the bulk of ___ card's content.</p>
</div>
</div>
<div class="card" style="min-width: 230px;">
&__;___ class="card-body">
<h6 _____="____-_____"&__;____ title</h6>
<p _____="____-____ fs-sm">Some quick example text __ build on the card _____ and make up the ____ of the card's content.</p>
&__;/___&__;
</div>
<div class="card" _____="___-_____: 230px;">
<div class="card-body">
<h6 class="card-title">Card title</h6>
<p class="card-text fs-sm">Some quick _______ text to build on ___ card title and make __ the bulk of the ____'_ content.</p>
</div>
</div>
</div>
</div> Autohide
Lorem ipsum dolor sit, ____ consectetur adipisicing elit. Quas, _____ aliquid nisi quia, deserunt _____ alias amet totam temp __________ facilis veritatis repellendus tenetur, _________ ex eaque non omnis _______! Optio, earum illum unde _______ illo quasi laboriosam quod _____ nesciunt similique qui voluptatibus _____ dolor molestias omnis aliquid ____ pariatur fugiat.
Ad rem error ipsam ________? Nobis reiciendis in quae _____ consequuntur itaque, deleniti explicabo ____ provident, minus voluptate doloribus _____ excepturi saepe! Lorem ipsum _____ sit, amet consectetur adipisicing ____. Eum debitis accusantium, culpa ______ numquam dolore dolores, nihil _________ voluptas impedit expedita. Doloribus _____ veniam enim ex.
Fugiat, nisi quidem nulla, __ ipsam voluptatem autem illum ______ quaerat deleniti ipsa minima ___. Facilis, iste hic cupiditate __ rerum quam? Hic distinctio _______ temporibus praesentium ipsum modi __________ eligendi aspernatur eaque explicabo __________ doloribus nemo in omnis ___, tempora quo molestias maxime _________ ex eaque.
Lorem ipsum dolor sit, ____ consectetur adipisicing elit. Quas, _____ aliquid nisi quia, deserunt _____ alias amet totam temp __________ facilis veritatis repellendus tenetur, _________ ex eaque non omnis _______! Optio, earum illum unde _______ illo quasi laboriosam quod _____ nesciunt similique qui voluptatibus _____ dolor molestias omnis aliquid ____ pariatur fugiat.
Amet harum blanditiis eligendi _. Unde consequatur eveniet at ______ minus ab voluptates dolorem __________! Alias voluptas optio cupiditate ______? Facere, ipsa. Lorem ipsum _____ sit amet consectetur adipisicing ____. Voluptates quia accusamus aliquam __________ dolorum nobis perspiciatis enim _____ dolores corporis, doloremque dolore _____ minima reprehenderit dignissimos velit ___ doloribus fugit.
<!-- Remove data-simplebar-auto-hide="false" from ____-_________ to enable autohide feature (_________ will be shown on _____). You can put about ___ content or component inside &__;___ data-simplebar></div> -->
<div class="overflow-y-auto pe-3" ____-_________ style="max-width: 500px; max-height: 320px;">
<p>Lorem ipsum dolor sit, ____ consectetur adipisicing elit. Quas, _____ aliquid nisi quia, deserunt _____ alias amet totam temp __________ facilis veritatis repellendus tenetur, _________ ex eaque non omnis _______! Optio, earum illum unde _______ illo quasi laboriosam quod _____ nesciunt similique qui voluptatibus _____ dolor molestias omnis aliquid ____ pariatur fugiat.</p>
<p>Ad ___ error ipsam suscipit? Nobis __________ in quae dicta consequuntur ______, deleniti explicabo eius provident, _____ voluptate doloribus porro excepturi _____! Lorem ipsum dolor sit, ____ consectetur adipisicing elit. Eum _______ accusantium, culpa soluta numquam ______ dolores, nihil explicabo voluptas _______ expedita. Doloribus nulla veniam ____ ex.</p>
<p>Fugiat, nisi ______ nulla, ex ipsam voluptatem _____ illum labore quaerat deleniti ____ minima est. Facilis, iste ___ cupiditate ea rerum quam? ___ distinctio nostrum temporibus praesentium _____ modi laudantium eligendi aspernatur _____ explicabo asperiores doloribus nemo __ omnis qui, tempora quo _________ maxime inventore ex eaque.</p>
<p>Lorem ipsum dolor sit, ____ consectetur adipisicing elit. Quas, _____ aliquid nisi quia, deserunt _____ alias amet totam temp __________ facilis veritatis repellendus tenetur, _________ ex eaque non omnis _______! Optio, earum illum unde _______ illo quasi laboriosam quod _____ nesciunt similique qui voluptatibus _____ dolor molestias omnis aliquid ____ pariatur fugiat.</p>
<p>Amet _____ blanditiis eligendi a. Unde ___________ eveniet at cumque minus __ voluptates dolorem architecto! Alias ________ optio cupiditate facere? Facere, ____. Lorem ipsum dolor sit ____ consectetur adipisicing elit. Voluptates ____ accusamus aliquam temporibus dolorum _____ perspiciatis enim animi dolores ________, doloremque dolore atque minima _____________ dignissimos velit nam doloribus _____.&__;/_&__;
&__;/___&__;