1.0.2 • Published 8 months ago

df-input v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

df-input - Get started

Custom input react component built with tailwindcss. It allow users to enter, select and search for text.

Install

Add Input to your project.

npm install --save df-input

* added styles.css to your application *

import 'df-input/styles.css'

Use

Input

import Input from 'df-input';

  const example = () => (
    <div>
       <Input />
    </div>
  )

Props

type Props = React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>

&
PropValues
state'primary', 'required', 'error', 'borderless'
width'sm', 'md', 'lg', 'full'
height'sm', 'md', 'lg'
isRequiredtrue, false
errortrue, false
disabledtrue, false
classNametailwind classes -> string format

Override styles

You can easily override any style of component just adding a custom tailwind class inside element's className property. For that, it's required to have tailwindcss as a dependency and setup on the project.

1.0.2

8 months ago

1.0.1

8 months ago

1.0.0

8 months ago

0.1.2

9 months ago

0.1.1

9 months ago

0.3.0

9 months ago

0.2.0

9 months ago

0.1.0

9 months ago