1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-08 21:30:47 +02:00

refactor(storybook): storybook enhancement and cleanup

refactored the storybook codebase for all components

re #381
This commit is contained in:
Kaylum Lally
2019-12-14 15:21:15 +00:00
parent 08cbd6e51e
commit 2e06165882
49 changed files with 643 additions and 404 deletions

View File

@@ -0,0 +1,8 @@
import { storiesOf } from '@storybook/html';
import { withKnobs } from '@storybook/addon-knobs';
import Lists from './lists.template';
storiesOf('Lists', module)
.addDecorator(withKnobs)
.add('List', () => Lists());

View File

@@ -0,0 +1,23 @@
import { radios } from '@storybook/addon-knobs';
import classNames from 'classnames';
export default () => {
const listOptions = radios('List Type', {
'is-disc': 'is-disc',
'is-circle': 'is-circle',
}, 'is-disc');
const listClasses = classNames(
'nes-list',
listOptions,
);
return `
<ul class="${listClasses}">
<li>Good morning.</li>
<li>Thou hast had a good night's sleep, I hope.</li>
<li>Thou hast had a good afternoon</li>
<li>Good night.</li>
</ul>
`;
};