mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-02-24 09:23:50 +01:00
37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
|
|
import { // eslint-disable-line import/no-extraneous-dependencies
|
|
withKnobs, select, radios,
|
|
} from '@storybook/addon-knobs';
|
|
|
|
const stories = storiesOf('Icons', module);
|
|
stories.addDecorator(withKnobs);
|
|
|
|
stories.add('icon', () => {
|
|
const selectedClass = select('class', {
|
|
'icon twitter': 'icon twitter',
|
|
'icon facebook': 'icon facebook',
|
|
'icon github': 'icon github',
|
|
'icon google': 'icon google',
|
|
'icon youtube': 'icon youtube',
|
|
'icon whatsapp': 'icon whatsapp',
|
|
'icon close': 'icon close',
|
|
pokeball: 'pokeball',
|
|
smartphone: 'smartphone',
|
|
phone: 'phone',
|
|
'octocat animate': 'octocat animate',
|
|
'icon trophy': 'icon trophy',
|
|
'nes-logo': 'nes-logo',
|
|
'nes-jp-logo': 'nes-jp-logo',
|
|
'snes-logo': 'snes-logo',
|
|
'snes-jp-logo': 'snes-jp-logo',
|
|
}, 'icon twitter');
|
|
const selectedSize = radios('size', {
|
|
default: '',
|
|
'is-small': 'is-small',
|
|
'is-medium': 'is-medium',
|
|
'is-large': 'is-large',
|
|
}, '');
|
|
|
|
return `<i class="${selectedClass} ${selectedSize}"></i>`;
|
|
});
|