Press n or j to go to the next uncovered block, b, p or k for the previous block.
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 27 28 29 30 31 32 33 34 35 36 37 | 9x 24x 24x 9x 9x | import React from 'react'; import PropTypes from 'prop-types'; import './EasyEdit.css'; import Globals from "./globals"; const EasyInput = (props) => { const {type, value, placeholder, onChange, attributes} = props; return ( <div className="easy-edit-component-wrapper"> <input autoFocus={attributes["autoFocus"] || true} type={type} value={value ? value : undefined} onChange={onChange} placeholder={attributes["placeholder"] || placeholder} autoComplete={attributes["autoComplete"] || "off"} {...attributes} /> </div> ); }; EasyInput.propTypes = { type: PropTypes.string.isRequired, onChange: PropTypes.func, value: PropTypes.string, placeholder: PropTypes.string, attributes: PropTypes.object }; EasyInput.defaultProps = { attributes: {}, placeholder: Globals.DEFAULT_PLACEHOLDER }; export default EasyInput; |