mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-08-22 22:02:48 +02:00
feat(checkbox): add classes available to storybook
Now on Inputs -> input.checkbox we can select the class `is-dark`.
This commit is contained in:
@@ -14,11 +14,19 @@ stories.add('input.radio', () => `
|
|||||||
<input type="radio" class="nes-radio" name="answer" />
|
<input type="radio" class="nes-radio" name="answer" />
|
||||||
<span>No</span>
|
<span>No</span>
|
||||||
</label>`)
|
</label>`)
|
||||||
.add('input.checkbox', () => `
|
.add('input.checkbox', () => {
|
||||||
<label>
|
const selectedClass = radios('class', {
|
||||||
<input type="checkbox" class="nes-checkbox" checked />
|
default: '',
|
||||||
|
'is-dark': 'is-dark',
|
||||||
|
}, '');
|
||||||
|
|
||||||
|
return (
|
||||||
|
`<label>
|
||||||
|
<input type="checkbox" class="nes-checkbox ${selectedClass}" checked />
|
||||||
<span>Enable</span>
|
<span>Enable</span>
|
||||||
</label>`)
|
</label>`
|
||||||
|
);
|
||||||
|
})
|
||||||
.add('input', () => {
|
.add('input', () => {
|
||||||
const selectedClass = radios('class', {
|
const selectedClass = radios('class', {
|
||||||
default: '',
|
default: '',
|
||||||
|
Reference in New Issue
Block a user