-
Notifications
You must be signed in to change notification settings - Fork 4.1k
/
modal.hbs
25 lines (25 loc) · 920 Bytes
/
modal.hbs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
{{#ember-wormhole to="modal-wormhole"}}
<div class="{{modalClass}} {{if isActive 'is-active'}}" aria-modal="true">
<div class="modal-background" onclick={{onClose}} data-test-modal-background></div>
<div class="modal-card">
<header class="modal-card-head">
<h2 class="modal-card-title title is-5" data-test-modal-title>
{{#if glyph}}
<Icon
@size="l"
class="{{glyph.glyphClass}}"
aria-hidden="true"
@glyph={{glyph.glyph}}
data-test-modal-glyph={{glyph.glyph}}
/>
{{/if}}
<span>{{title}}</span>
</h2>
{{#if showCloseButton}}
<button class="delete" aria-label="close" onclick={{onClose}} data-test-modal-close-button></button>
{{/if}}
</header>
{{yield}}
</div>
</div>
{{/ember-wormhole}}