') %}
{{ luci.button(class="luci-button--icon-only luci-button--small", icon_left="chat") }}
{% endcall %}
{% call button_example_wrap('default') %}
{{ luci.button(class="luci-button--icon-only", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('focus') %}
{{ luci.button(class="luci-button--icon-only luci-button--focus", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('hover') %}
{{ luci.button(class="luci-button--icon-only luci-button--hover", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('active') %}
{{ luci.button(class="luci-button--icon-only luci-button--active", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('checked') %}
{{ luci.button(class="luci-button--icon-only", el="checkbox", checked=true, icon_left="close") }}
{% endcall %}
{% call button_example_wrap('disabled') %}
{{ luci.button(class="luci-button--icon-only luci-button--small", disabled=true, icon_left="close") }}
{% endcall %}
{% call button_example_wrap('default') %}
{{ luci.button(class="luci-button--icon-only luci-button--small", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('focus') %}
{{ luci.button(class="luci-button--icon-only luci-button--small luci-button--focus", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('hover') %}
{{ luci.button(class="luci-button--icon-only luci-button--small luci-button--hover", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('active') %}
{{ luci.button(class="luci-button--icon-only luci-button--small luci-button--active", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('checked') %}
{{ luci.button(class="luci-button--icon-only luci-button--small", el="checkbox", checked=true, icon_left="close") }}
{% endcall %}
{% call button_example_wrap('disabled') %}
{{ luci.button(class="luci-button--icon-only luci-button--small", disabled=true, icon_left="close") }}
{% endcall %}
{% call button_example_wrap('default') %}
{{ luci.button(class="luci-button--icon-only", el="checkbox", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('focus') %}
{{ luci.button(class="luci-button--icon-only luci-button--focus", el="checkbox", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('hover') %}
{{ luci.button(class="luci-button--icon-only luci-button--hover", el="checkbox", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('active') %}
{{ luci.button(class="luci-button--icon-only luci-button--active", el="checkbox", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('checked') %}
{{ luci.button(class="luci-button--icon-only", el="checkbox", checked=true, icon_left="close") }}
{% endcall %}
{% call button_example_wrap('disabled') %}
{{ luci.button(class="luci-button--icon-only", el="checkbox", disabled=true, icon_left="close") }}
{% endcall %}
{% call button_example_wrap('default') %}
{{ luci.button(class="luci-button--icon-only luci-button--small", el="checkbox", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('focus') %}
{{ luci.button(class="luci-button--icon-only luci-button--small luci-button--focus", el="checkbox", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('hover') %}
{{ luci.button(class="luci-button--icon-only luci-button--small luci-button--hover", el="checkbox", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('active') %}
{{ luci.button(class="luci-button--icon-only luci-button--small luci-button--active", el="checkbox", icon_left="close") }}
{% endcall %}
{% call button_example_wrap('checked') %}
{{ luci.button(class="luci-button--icon-only luci-button--small", el="checkbox", checked=true, icon_left="close") }}
{% endcall %}
{% call button_example_wrap('disabled') %}
{{ luci.button(class="luci-button--icon-only luci-button--small", el="checkbox", disabled=true, icon_left="close") }}
{% endcall %}
{{ luci.button(text="a") }}
{{ luci.button(text="Please don't ever put this much text in a button, it's a really bad idea. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis soluta natus, enim sequi temporibus debitis ad eius autem delectus rerum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis soluta natus, enim sequi temporibus debitis ad eius autem delectus rerum.") }}
{% endblock %}
{% macro button_example_wrap(label=false) %}
{{ label }}
{{ caller() }}
{% endmacro %}