Solid Signal Form

Solid-js forms library with api similar to react-hook-form

Install

npm i react-hook-form

yarn add react-hook-form

Quickstart

1import { createForm } from 'solid-signal-form';
2import { Show } from 'solid-js';
3
4const App = () => {
5  const { register, handleSubmit, formState: { errors } } = createForm();
6  const submit = handleSubmit((values) => {
7    console.log(values)
8  })
9
10  return (
11    <form onSubmit={submit}>
12      <input {...register('login', { require: 'Last name is required.' })} /> {/* register an input */}
13      <Show when={errors.login}>
14        <p>{errors.login.message}</p>
15      </Show>
16      <input {...register('password', {
17        require: 'Please enter password.',
18        validation: (value) => value.length < 8 && 'Password must have at least 8 characters.',
19      })} />
20      <Show when={errors.password}>
21        <p>{errors.password.message}</p>
22      </Show>
23      <input type="submit" />
24    </form>
25  );
26};
27
28export default App;