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

feat(badges): second draft of the badges component. added more classes

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2018-12-18 22:16:59 -02:00
parent cc5e6d07d8
commit c4075b0e94
2 changed files with 39 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/badge.stories.js
View File

@@ -7,7 +7,16 @@ const stories = storiesOf('Badges', module);
stories.addDecorator(withKnobs);
stories.add('badges', () => {
const options = radios('class', {
const optionsLeft = radios('class-left', {
'is-dark': 'is-dark',
'is-success': 'is-success',
'is-primary': 'is-primary',
'is-warning': 'is-warning',
'is-error': 'is-error',
}, '');
const optionsRight = radios('class-right', {
'is-dark': 'is-dark',
'is-success': 'is-success',
'is-primary': 'is-primary',
'is-warning': 'is-warning',
@@ -20,10 +29,8 @@ stories.add('badges', () => {
'is-large': 'is-large',
}, '');
const selectedClasses = [options, sizes].join(' ');
return `<span class="nes-badge ${selectedClasses}">
<span>npm</span>
<span>1.0.0</span>
return `<span class="nes-badge ${sizes}">
<span class="${optionsLeft}">npm</span>
<span class="${optionsRight}">1.0.0</span>
</span>`;
});