react-inertia-form v1.0.3

InertiaForm Component

InertiaForm component that is similar to formik but uses the useForm hook by inertia underneath

Parent dependencies

• react
• @inertiajs/react

How To Use

import { InertiaForm, LabelField, Form } from './InertiaForm';

function App() {

  return (
    <div className="App">
      <InertiaForm
      onSubmit={(data) => console.log(data)}
      enableReInitialization={true}
      initialValues={{name: '', last_name: ''}}
      >
        {({data, setData, errors, reset, progress,processing,  handleSubmit})=> (
          <>
          <Form>
            <LabelField label='Name' name='name'/>
            <LabelField label='Last Name' name='last_name' />
          </Form>
          <button onClick={handleSubmit}>Submit</button>
          </>
        )}
      </InertiaForm>
    </div>
  );

}

export default App;

InertiaForm

InertiaForm component sets the context using useForm hook and initial values.

props

Form

renders form and passes the submit function

LabeledDropdown

Renders a labled dropdown

props

LabelField

props

LabelTextArea

props