mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-14 02:13:57 +02:00
Code Issues Releases Wiki Activity

Merge branch 'develop' into fix-gaps

Browse Source
This commit is contained in:
B.C.Rikko
2019-10-18 23:50:18 +09:00
committed by GitHub
parent 8d08791569 95f0384e44
commit d393199e86
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
story/buttons.stories.js
View File

@@ -1,12 +1,16 @@
import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
import { // eslint-disable-line import/no-extraneous-dependencies import { // eslint-disable-line import/no-extraneous-dependencies
withKnobs, radios, withKnobs, radios, select,
} from '@storybook/addon-knobs'; } from '@storybook/addon-knobs';
const stories = storiesOf('Buttons', module); const stories = storiesOf('Buttons', module);
stories.addDecorator(withKnobs); stories.addDecorator(withKnobs);
stories.add('button', () => { stories.add('button', () => {
const buttonType = select('type', {
button: 'button',
file: 'file',
}, 'button');
const extraClass = radios('class', { const extraClass = radios('class', {
default: '', default: '',
'is-primary': 'is-primary', 'is-primary': 'is-primary',
@@ -15,5 +19,10 @@ stories.add('button', () => {
'is-error': 'is-error', 'is-error': 'is-error',
'is-disabled': 'is-disabled', 'is-disabled': 'is-disabled',
}, ''); }, '');
return `<button type="button" class="nes-btn ${extraClass}">Normal</button>`; return buttonType === 'file'
? `<label class="nes-btn ${extraClass}">
<span>Select your file</span>
<input type="file">
</label>`
: `<button type="button" class="nes-btn ${extraClass}">Normal</button>`;
}); });