2018-09-25 11:13:22 -04:00

23 lines
732 B
HTML

{% from "components/icon.html" import Icon %}
{% macro Modal(name, dismissable=False) -%}
<div v-if="activeModal === '{{name}}'" v-cloak>
<div 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 %}