Files
vault/ui/lib/core/addon/components/modal.hbs
claire bontempo 40aaca9c65 UI/Glimmerize modal & confirmation modal component (#16032)
* remove commented out import from info-table-row

* glimmerize

* update docs

* glimmerize confirmation modal

* update modal usage

* remove keyboard action

* Revert "remove keyboard action"

This reverts commit 42b7f5950b244b5a728f94a1fbb8cd836f646ae8.

* remove keyboard actions

* address comments

* update tests
2022-06-21 12:43:34 -07:00

30 lines
1015 B
Handlebars

<EmberWormhole @to="modal-wormhole">
<div class="{{this.modalClass}} {{if this.isActive 'is-active'}}" aria-modal="true" data-test-modal-div>
<div class="modal-background" role="button" {{on "click" @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 this.glyph}}
<Icon
class={{this.glyph.glyphClass}}
aria-hidden="true"
@name={{this.glyph.glyph}}
data-test-modal-glyph={{this.glyph.glyph}}
/>
{{/if}}
<span>{{@title}}</span>
</h2>
{{#if this.showCloseButton}}
<button
type="button"
class="delete"
aria-label="close"
{{on "click" @onClose}}
data-test-modal-close-button
></button>
{{/if}}
</header>
{{yield}}
</div>
</div>
</EmberWormhole>