1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-02 18:42: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

@@ -4,9 +4,11 @@ import classNames from 'classnames';
import sharedOptions from '../_helpers/shared';
export default () => {
const disabled = 'is-disabled';
const inputOptions = select('Input Classes', {
default: '',
...sharedOptions,
[disabled]: disabled,
}, '');
const inputClasses = classNames(
@@ -15,6 +17,12 @@ export default () => {
);
return `
<input type="text" id="name_field" class="${inputClasses}" placeholder="NES.css">
<input
type="text"
id="name_field"
${inputOptions.includes(disabled) && 'disabled'}
class="${inputClasses}"
placeholder="NES.css"
/>
`;
};