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

feat(badges): updated badges storybook options

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2018-12-22 20:33:10 -02:00
parent 20abd54fea
commit 72a5e8786d
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/badge.stories.js
View File

@@ -1,6 +1,6 @@
import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
import { // eslint-disable-line import/no-extraneous-dependencies
withKnobs, radios, boolean, number,
withKnobs, radios, number,
} from '@storybook/addon-knobs';
const stories = storiesOf('Badges', module);
@@ -23,6 +23,12 @@ stories.add('badges', () => {
'is-error': 'is-error',
}, 'is-success');
const isSplitedIsIconOrDefault = radios('default/splited/icon', {
default: '',
'is-splited': 'is-splited',
'is-icon': 'is-icon',
}, '');
const fontSize = number('font-size', 1, {
range: true,
min: 0,
@@ -30,9 +36,7 @@ stories.add('badges', () => {
step: 0.01,
});
const isSplited = boolean('is-splited', true) ? 'is-splited' : '';
return `<a href="#" class="nes-badge ${isSplited}" style="font-size:${fontSize}em">
return `<a href="#" class="nes-badge ${isSplitedIsIconOrDefault}" style="font-size:${fontSize}em">
<span class="${optionsLeft}">npm</span>
<span class="${optionsRight}">1.0.0</span>
</a>`;