react-formvik
TypeScript icon, indicating that this package has built-in type declarations

2.3.1 • Public • Published

React FormVik

React FormVik

Highly customizable, super fast react form creation library. It allows you to choose one of the presets available as form template and customize on top of it.

Preview

Feedback form

Installation

Use npm to install react-formvik.

npm install --save react-formvik

Usage

import { Form } from "react-formvik";


export default function App() {
  return (
    <div className="App">

      <div className="container w-50 mt-5 ">
        <Form
          name="Register"
          preset='register'
          config={{
            fields: [
              {
                label: 'Age',
                field: 'age',
                order: 22,
                inputProps: {
                  type: 'number',
                  max: 100,
                  min: 18
                },
                validation: {
                  errorMessage: 'Please enter valid age!'
                }
              },
            
           
            ]
          }}
          onSubmit={(formData) => {
            console.log(formData)
          }}
        />
      </div>
    </div>
  );
}

Live Docs

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i react-formvik

Weekly Downloads

4

Version

2.3.1

License

MIT

Unpacked Size

382 kB

Total Files

31

Last publish

Collaborators

  • vvkkumar06