updapt_input_component_testing

A reusable input component for your JavaScript/Typescript React applications.

Installation

You can install the component using npm :

npm install updapt_input_component_testing

Usage

To use the updapt_input_component_testing component in your application, import it and include it in your JSX code:

import React, { useState } from "react";
import { UpdaptInput } from "updapt_input_component_testing";

const MyForm: React.FC = () => {
  const [inputValue, setInputValue] = useState("");

  const handleInputChange = (
    event: React.ChangeEvent<HTMLInputElement>,
    ...arg: any
  ) => {
    const [arg1, arg2, arg3] = arg;
    console.log(arg1, arg2, arg3);
    setInputValue(event.target.value);
  };
  return (
    <div>
      <h2>My Form</h2>
      <UpdaptInput
        value={inputValue}
        InputOnChange={(event) => handleInputChange(event, "arg1", 123, false)}
        placeholder="Enter your name"
      />
      <p>Hello, {inputValue}!</p>
    </div>
  );
}```

##More example:
```tsx
import * as React from 'react';
import './style.css';
import { UpdaptInput } from 'updapt_input_component_testing';
export default function App() {
  const [inputVal, setInputVal] = React.useState('');
  const [error, setError] = React.useState('');
  const [isError, setIsError] = React.useState(false);
  const handleChange = (e) => {
    setInputVal(e.target.value);
    setError('');
  };

  const validation = () => {
    if (!inputVal) {
      setError('please fill the empty fields');
      setIsError(true);
    } else {
      setError('');
      setIsError(false);
    }
  };

  return (
    <div>
      <UpdaptInput
        placeholder="write a text"
        InputOnChange={(e) => handleChange(e)}
        isError={isError}
        errorMessage={error}
      />
      <p>inputVal- {inputVal}</p>
      <button onClick={() => validation()}>Save</button>
    </div>
  );
}
```

## PROPS

The  ```updapt_input_component_testing``` component accepts the following props:

| Prop | Type | Description | | --------------- | -------- | -------------------------------------------------------------- | | placeholder | string | Placeholder text for the input field. | | value | any | The value of the input field. | | InputOnChange | function | Callback function to be executed when the input value changes. | | inputDisabled | boolean | Determines whether the input is disabled or not. |

## Contributing
Contributions are welcome! If you find any issues or want to add new features, please submit a pull request.

Before contributing, please read our contributing guidelines.

## License
This project is licensed under the MIT License. See the LICENSE file for details.

MIT © [Anton Kudryavtsev](https://github.com/Lavin-kulal)

Feel free to customize the content according to your project's requirements and specifications.