@latimer-woods-tech/forms
v0.1.0
Published
Accessible form primitives + minimal controlled form/field state for Factory apps.
Readme
@latimer-woods-tech/forms
Accessible form primitives + minimal controlled form/field state for Factory apps.
Usage
import { Field, Textarea, Select, Checkbox, ErrorSummary, useForm } from '@latimer-woods-tech/forms';
import { Input } from '@latimer-woods-tech/ui';
function SignupForm() {
const { values, errors, setValue, handleSubmit } = useForm({
initialValues: { email: '' },
validate: (v) => (v.email ? {} : { email: 'Email is required' }),
onSubmit: (v) => console.log(v),
});
return (
<form onSubmit={handleSubmit}>
<Field label="Email" error={errors.email}>
<Input value={values.email} onChange={(e) => setValue('email', e.target.value)} />
</Field>
</form>
);
}Built on @latimer-woods-tech/a11y (focus/id helpers) and @latimer-woods-tech/ui (base Input).
