wolfzer44 / ninti

Create ReactJS uncontrolled form structures with nested fields.

NINTI 🚀

Tiny lib to help work with forms on React

Installation

Just add ninti to your project:

yarn add ninti

Basics

Ninti exposes two default form elements: <Form /> and <Input />.

import React from "react";
import { Form, Input } from "ninti";

function App() {
  function handleSubmit(data) {
    console.log(data);

    /**
     * {
     *   email: '[e-mail]',
     *   password: '123456'
     * }
     */
  }

  return (
    <Form onSubmit={handleSubmit}>
      <Input name="email" />
      <Input name="password" type="password" />

      <button type="submit">Sign in</button>
    </Form>
  );
}