2018-10-18 09:59:31 -04:00

23 lines
755 B
HTML

{% from "components/icon.html" import Icon %}
{% macro Modal(name, dismissable=False) -%}
<div v-show="activeModal === '{{name}}'" v-cloak>
<div id='modal--{{name}}' class='modal {% if dismissable %}modal--dismissable{% endif%}'>
<div class='modal__container'>
<div class='modal__dialog' role='dialog' aria-modal='true'>
<div class='modal__body'>
{{ caller() }}
{% if dismissable %}
<button type='button' class='icon-link modal__dismiss' v-on:click='closeModal("{{name}}")'>
{{ Icon('x') }}
<span>Close</span>
</button>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{%- endmacro %}