# 4leaf-hooks-useinput

React Hooks to realtime change input value

## installation

- yarn

  <pre>
   yarn add 4leaf-hooks-useinput
  </pre>

- npm
  <pre>
   npm install 4leaf-hooks-useinput
  </pre>

## Usage

```js
import React from "react";
import useInput from "4leaf-hooks-useinput";

const App = () => {

  const formId = useInput(``);

  // If you change the value
  formId.setValue("New Value Here!");

  return <form>
    <div>
        <label> ID </label>
        <input type="text" {...formId}/>
    </div>
  <form>
  ;
}
```

## Arguments

<table>
  <thead>
    <tr>
      <th> Argument </th>
      <th> Type </th>
      <th> Description </th>
      <th> Required </th>
    <tr>
  </thead>
  <tbody>
    <tr>
      <td> String </td>
      <td> String </td>
      <td> Auto Setting Value and onChange with setValue </td>
      <td> YES </td>
    </tr>
  </tbody>
</table>