mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
26 lines
1.7 KiB
HTML
26 lines
1.7 KiB
HTML
<div class="dropdown-menu{% if include.right %} dropdown-menu-right{% endif %}{% if include.show %} position-relative d-inline-block{% endif %}{% if include.arrow %} dropdown-menu-arrow{% endif %}{% if include.dark %} bg-dark text-white{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
|
|
{% if include.check or include.radio %}
|
|
{% for i in (1..3) %}
|
|
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="{% if include.radio %}radio{% else %}checkbox{% endif %}"> Option {{ i }}</label>
|
|
{% endfor %}
|
|
{% elsif include.type == 'text' %}
|
|
|
|
{% else %}
|
|
{% if include.header %}<span class="dropdown-header">Dropdown header</span>{% endif %}
|
|
<a class="dropdown-item" href="#">
|
|
{% if include.icons %}{% include ui/icon.html icon="settings" %} {% endif %}
|
|
Action
|
|
{% if include.badge %}<span class="badge bg-primary ml-auto">12</span>{% endif %}
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
{% if include.icons %}{% include ui/icon.html icon="edit" %} {% endif %}Another action
|
|
</a>
|
|
{% if include.active %}<a class="dropdown-item active" href="#">{% if include.icons %}{% include ui/icon.html icon="activity" %} {% endif %}Active action</a>{% endif %}
|
|
{% if include.disabled %}<a class="dropdown-item disabled" href="#">{% if include.icons %}{% include ui/icon.html icon="user-x" %} {% endif %}Disabled action</a>{% endif %}
|
|
{% if include.separated %}
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">{% if include.icons %}{% include ui/icon.html icon="plus" class="dropdown-icon" %} {% endif %}Separated link</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|