26 lines
1.1 KiB
Twig
26 lines
1.1 KiB
Twig
<div{{ attributes }} data-controller="dialog" data-action="click->dialog#backdropClose" class="flex flex-row items-center">
|
|
<dialog data-dialog-target="dialog" class="py-3 px-4 w-[30rem] rounded-md">
|
|
<h2 class="mb-4 text-2xl font-bold">{{ heading }}</h2>
|
|
|
|
<div class="mb-4">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
|
|
{% if show_cancel is defined or show_submit is defined %}
|
|
<div class="flex justify-end">
|
|
{% if show_cancel is defined %}
|
|
<button type="button" data-action="dialog#close" class="secondary-btn" autofocus>
|
|
{{ cancel_text|default('Cancel') }}
|
|
</button>
|
|
{% endif %}
|
|
{% if show_submit is defined %}
|
|
<button type="button" {{ submit_action|raw }} class="primary-btn" autofocus>
|
|
{{ submit_text|default('Submit') }}
|
|
</button>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</dialog>
|
|
|
|
<button type="button" data-action="dialog#open" class="{{ button_class|default('') }}">{{ button_text|raw }}</button>
|
|
</div> |