mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-31 19:41:12 +02:00
033b547360
* add size prop to icon component * use size instead of css classes to adjust Icons * add knobs for icon stories
28 lines
676 B
Handlebars
28 lines
676 B
Handlebars
<div class="message {{type.class}}">
|
|
<div class="columns is-mobile is-variable is-1">
|
|
<div class="column is-narrow message-icon">
|
|
<Icon
|
|
aria-hidden="true"
|
|
@size="l"
|
|
@glyph="{{type.glyph}}"
|
|
/>
|
|
</div>
|
|
<div class="column">
|
|
<button type="button" class="close-button" {{action close}}>
|
|
<Icon
|
|
@glyph="cancel-plain"
|
|
@aria-label="Close"
|
|
/>
|
|
</button>
|
|
<div class="message-title">
|
|
{{type.text}}
|
|
</div>
|
|
{{#if message}}
|
|
<p class="message-body" data-test-flash-message-body="true">
|
|
{{message}}
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|