1
1
mirror of https://github.com/primer/css.git synced 2024-12-24 14:42:26 +03:00
css/.storybook/Octicon.js
2017-09-12 10:57:06 -07:00

25 lines
609 B
JavaScript

import React from 'react'
import {storiesOf} from '@storybook/react'
import octicons from 'octicons'
import SVGInline from 'react-svg-inline'
const Octicon = (props) => {
const {name} = props
if (name in octicons) {
return <SVGInline svg={octicons[name].toSVG(props)} />
} else {
throw new Error(`No such octicon: "${name}"!`)
}
}
const story = storiesOf('Octicons', module)
const sizes = [64, 32, 16]
Object.keys(octicons).forEach(name => {
story.add(name, () => (
<div>{sizes.map((size, i) => (
<Octicon name={name} width={size} height={size} key={i} />
))}</div>
))
})