React-simple-input-ui NPM

react-simple-input-ui

A simple and lightweight React component for handling input fields with minimal setup. Perfect for quick projects or when you need an easy-to-use input component.

Features

Lightweight and simple to use
Customizable via props
Built with accessibility in mind
Suitable for both controlled and uncontrolled components

Installation

Install the package via npm:

npm install react-simple-input-ui

or using yarn:

yarn add react-simple-input-ui

Usage

Here’s a basic example of how to use the react-simple-input-ui component:

import React, { useState } from "react";
import SimpleInput from "react-simple-input-ui";

function App() {
  const [value, setValue] = useState("");

  const handleChange = (e) => {
    setValue(e.target.value);
  };

  return (
    <div>
      <h1>Example Input</h1>
      <SimpleInput
        value={value}
        onChange={handleChange}
        placeholder="Type something..."
      />
    </div>
  );
}

export default App;

Props

Prop	Type	Default	Description
`value`	`string`	`""`	The input value.
`onChange`	`func`	`undefined`	Function to handle input changes.
`placeholder`	`string`	`"Enter text"`	Placeholder text for the input.
`type`	`string`	`"text"`	The type of input (e.g., text, password).