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

feat(form): add form is-disabled storybook

This commit is contained in:
markcytian
2021-05-11 14:21:01 +08:00
parent c4aec38674
commit 27bbae1101
4 changed files with 23 additions and 5 deletions

View File

@@ -5,9 +5,11 @@ import sharedOptions from '../_helpers/shared';
export default () => {
const isDark = boolean('is-dark', false);
const disabled = 'is-disabled';
const selectOptions = select('class', {
default: '',
...sharedOptions,
[disabled]: disabled,
}, '');
const selectedClasses = classNames(
@@ -18,7 +20,7 @@ export default () => {
return `
<div class="${selectedClasses}">
<select required>
<select required ${selectOptions.includes(disabled) && 'disabled'} >
<option value="" disabled selected hidden>Select...</option>
<option value="0">To be</option>
<option value="1">Not to be</option>