primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-24 14:42:26 +03:00
Code Issues Projects Releases Wiki Activity

Fixing octicons stories

Browse Source
This commit is contained in:
Jon Rohan 2017-10-24 11:05:55 -07:00
parent e7e243d373
commit c1e20c39bf
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
.storybook/Octicon.js
View File

@ -1,6 +1,5 @@
import React from 'react'
import {storiesOf} from '@storybook/react'
import octicons from 'octicons'
import SVGInline from 'react-svg-inline'
@ -13,14 +12,16 @@ const Octicon = (props) => {
}
}
const sizes = [64, 32, 16]
const story = storiesOf('Octicons', module)
storiesOf('Octicons', module)
.add('test', () => {
const name = 'beaker'
Object.keys(octicons).forEach(name => {
story.add(name, () => {
return (
<div>{sizes.map((size, i) => (
<Octicon name={name} width={size} height={size} key={i} />
))}</div>
<div>
<Octicon name={name} height="64" />
<Octicon name={name} height="32" />
<Octicon name={name} height="16" />
</div>
)
})
})