40 lines
914 B
JavaScript
40 lines
914 B
JavaScript
|
/* eslint-disable import/extensions */
|
||
|
|
import hbs from 'htmlbars-inline-precompile';
|
||
|
|
import { storiesOf } from '@storybook/ember';
|
||
|
|
import notes from './i-con.md';
|
||
|
|
import { GLYPHS_WITH_SVG_TAG } from '../app/components/i-con.js';
|
||
|
|
|
||
|
|
storiesOf('ICon/', module)
|
||
|
|
.addParameters({ options: { showPanel: false } })
|
||
|
|
.add(
|
||
|
|
'ICon',
|
||
|
|
() => ({
|
||
|
|
template: hbs`
|
||
|
|
<table class="table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Glyph title</th>
|
||
|
|
<th>Glyph</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
{{#each types as |type|}}
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<h5>{{humanize type}}</h5>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<ICon @glyph={{type}} />
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
{{/each}}
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
`,
|
||
|
|
context: {
|
||
|
|
types: GLYPHS_WITH_SVG_TAG,
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
{ notes }
|
||
|
|
);
|