1.0.4 • Published 7 years ago
lit-form v1.0.4
lit-form
lit-form
is high-ordered component for lit-html
(actually for lit-extended
) that implement Formik API for working with HTML forms.
Example
import {html, render} from 'lit-html/lib/lit-extended';
import {withForm} from 'lit-form';
const userFormView = withForm({
mapPropsToValues: ({user}) => user,
onSubmit: (values, {props}) => props.onSave(values),
})(
({
values,
handleSubmit,
handleChange,
}) => html`
<form onsubmit="${ handleSubmit }">
<input
type="text"
name="name"
value="${ values.name }"
onchange="${ handleChange }"
/>
<button>${ values.id ? 'Update': 'Add' }</button>
</form>
`
);
render(
html`
${ userFormView({
user: {
id: null,
name: 'User name',
},
onSave: user => {
console.log(user);
},
}) }
`,
document.body
);
Current progress
- Implemented collecting data from inputs and pass it to
onSubmit
Other related projects
lit-redux
- isreact-redux
API implementation forlit-html
library