open-vault/ui/app/templates/components/wizard-section.hbs
Matthew Irish 353a2bdb58
UI icon - add size (#6736)
* add size prop to icon component

* use size instead of css classes to adjust Icons

* add knobs for icon stories
2019-05-16 14:49:38 -05:00

21 lines
505 B
Handlebars

<div class="wizard-section {{class}}">
<h2 class="title is-6">
{{#if headerIcon}}
<Icon @glyph={{headerIcon}} @size="l" aria-hidden="true" />
{{/if}}
{{headerText}}
</h2>
{{yield}}
{{#if instructions}}
<div class="wizard-instructions">
<h2 class="title is-6">What to do</h2>
<p>{{instructions}}</p>
</div>
{{/if}}
{{#if docText}}
<DocLink @path={{docPath}}>
<Icon @glyph="learn" aria-hidden="true" /> {{docText}}
</DocLink>
{{/if}}
</div>