open-index/open-npm huggingface dataset:
npm package: @jjdavenport/react-input
Description: configurable react input components
Author: jjdavenport
Latest version: 1.0.7

# React Input

This Package is designed to be an executable do not install the module.

## Quick start

Initiate the package

```npx
npx @jjdavenport/react-input init
```

Add the component

```npx
npx @jjdavenport/react-input add input
```

Import the component from utils

```tsx
import { Input } from "./utils";
```

Add the component

```tsx
<Input />
```

Add a label

```tsx
<Input label="Username" />
```

Add tailwind utility classes to the input

```tsx
<Input inputClassName="bg-blue-600" />
```

Add a css class

```tsx
<Input className="input" />
```

Add Inline style to the input

```tsx
<Input inputStyle={{ backgroundColor: "#000" }} />
```

### Required dependencies

```json
  "dependencies": {
        "clsx": "*",
        "tailwind-merge": "*",
  }
```