input-lerna-component v0.0.95

updapt-input

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

Installation

You can install the component using npm :

npm install updapt-input

Usage

To use the updapt-input component in your application, import it and include it in your JSX code:

import React, { useState } from "react";
import { UpdaptInput } from "updapt-input";

const MyForm: React.FC = () => {
  const [inputValue, setInputValue] = useState("");
  //error states
  const[error,setError] = useState(false)
// inputValue change
  const handleInputChange = (
    event: React.ChangeEvent<HTMLInputElement>
  ) => {
    const{value} = event.target
    setInputValue(value);
    setError(false);
  };
  //validation for empty fields
  const validate=()=>{
    if (!inputValue.trim()) {
      setError(true);
    } else {
      setError(false);
    }
  }
  //handle save changes
  const handleSave=()=>{
     validate()
     //API code for saving
  }
  return (
    <div>
      <h2>My Form</h2>
      <UpdaptInput
        value={inputValue}
        type="text"
        onChange={(event)=>handleInputChange(event)}
        placeholder="Enter your name"
        isError={error}
        width={180}
      />
      <p>Hello, {inputValue}!</p>
      <button onClick={()=>handleSave()}>SAVE</button>
    </div>
  );
}
```


## PROPS

The  ```updapt-input``` component accepts the following props:

## 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 © [UPDAPT TEAM]()

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