Ghost/ghost/members-auth-pages/components/FormInput.js
Rish 19f243aed1 Refactored members auth flow with dynamic settings
no issue

- Updated members auth flow UI
- Updated members settings and routing to be dynamic
2019-05-07 17:15:50 +02:00

25 lines
809 B
JavaScript

export default ({type, name, placeholder, value = '', error, onInput, required, className, children, icon}) => (
<div className="gm-form-element">
<div className={[
(className ? className : ""),
"gm-input"
].join(' ')}>
<input
type={ type }
name={ name }
key={ name }
placeholder={ placeholder }
value={ value }
onInput={ (e) => onInput(e, name) }
required={ required }
className={[
(value ? "gm-input-filled" : ""),
(error ? "gm-error" : "")
].join(' ')}
/>
<i>{ icon }</i>
{ children }
</div>
</div>
);