mirror of
https://github.com/tabler/tabler.git
synced 2025-12-23 18:34:25 +04:00
30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
---
|
|
title: Modals
|
|
page-header: Modals
|
|
menu: base.modals
|
|
---
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="btn-list">
|
|
{% include ui/button.html text="Simple modal" modal-id="simple" %}
|
|
{% include ui/button.html text="Large modal" modal-id="large" %}
|
|
{% include ui/button.html text="Small modal" modal-id="small" %}
|
|
{% include ui/button.html text="Full width modal" modal-id="full-width" %}
|
|
{% include ui/button.html text="Scrollable modal" modal-id="scrollable" %}
|
|
{% include ui/button.html text="Modal with form" modal-id="report" %}
|
|
{% include ui/button.html text="Info modal" modal-id="info" %}
|
|
{% include ui/button.html text="Modal with simple form" modal-id="team" %}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{% include ui/modal.html modal-id="simple" %}
|
|
{% include ui/modal.html modal-id="large" size="lg" %}
|
|
{% include ui/modal.html modal-id="small" size="sm" %}
|
|
{% include ui/modal.html modal-id="full-width" size="full-width" %}
|
|
{% include ui/modal.html modal-id="scrollable" scrollable=true %}
|
|
{% include ui/modal.html modal-id="report" size="lg" %}
|
|
{% include ui/modal.html modal-id="info" size="sm" %}
|
|
{% include ui/modal.html modal-id="team" %} |