1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 2x 2x 2x 2x | import React from 'react';
import PropTypes from 'prop-types';
import './EasyEdit.css';
const EasyColor = (props) => {
const {name, value = '', onChange, disabled} = props;
return (
<input
name={name}
type="color"
defaultValue={value}
onChange={onChange}
disabled={disabled}
/>
);
};
EasyColor.propTypes = {
name: PropTypes.string.isRequired,
onChange: PropTypes.func,
value: PropTypes.string,
disabled: PropTypes.bool
};
export default EasyColor;
|