2
0
mirror of https://github.com/iconify/iconify.git synced 2024-12-15 06:47:30 +00:00
iconify/demo/ember-demo/app/components/iconify-demo.hbs
2022-01-29 09:37:39 +02:00

32 lines
734 B
Handlebars

<div>
<section class='icon-24'>
<h1>Usage</h1>
<div>
Icon referenced by name:
<IconifyIcon @icon='mdi:home' />
</div>
<div>
Icon referenced by object:
<IconifyIcon @icon={{this.iconData}} />
</div>
<div class='alert'>
<IconifyIcon @icon='mdi-light:alert' />
Important notice with alert icon!
</div>
</section>
<section class='inline-demo'>
<h1>Inline demo</h1>
<div>
Block icon (behaving like image):
<IconifyIcon @icon='experiment2' />
</div>
<div>
Inline icon (behaving line text / icon font):
<IconifyIcon @icon='experiment2' @inline={{true}} />
</div>
</section>
{{! <AlignmentDemo />
<ColorDemo /> }}
</div>