1.0.0-beta.2 • Published 1 year ago

@reactleaf/input v1.0.0-beta.2

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

@reactleaf/input

Variable Input components

See on Storybook

Usage

pnpm add @reactleaf/input
import TextInput from "@reactleaf/input/TextInput"

function YourComponent() {
  const [value, setValue] = useState()
  return <TextInput value={value} onValueChange={setValue} />
}

Use with hook-form-ready components

Install react-hook-form

pnpm add @reactleaf/input react-hook-form
import useForm, { FormProvider } from "react-hook-form"
import TextInput from "@reactleaf/input/TextInput/hookform"

function YourComponent() {
  const form = useForm()
  return (
    <FormProvider {...form}>
      <TextInput name="hook-form-name" />
    </FormProvider>
  )
}

Using Autocomplete, Combobox or DateInput

Autocomplete and Combobox depends on react-select and\ DateInput depends on react-datepicker.

pnpm add @reactleaf/input react-datepicker
import DateInput from "@reactleaf/input/DateInput"

function YourComponent() {
  const [value, setValue] = useState()
  return <DateInput value={value} onSelect={setValue} />
}
1.0.0-beta.2

1 year ago

1.0.0-beta.0

1 year ago

1.0.0-beta.1

1 year ago

0.6.2-beta

1 year ago

0.6.1-beta

1 year ago

0.5.1-beta

1 year ago

0.6.0-beta

1 year ago

0.5.1-beta.1

1 year ago

0.5.1-beta.2

1 year ago

0.5.0

1 year ago

0.6.0

1 year ago

0.4.0

1 year ago

0.3.0

1 year ago

0.2.1

2 years ago

0.2.0-beta.2

2 years ago

0.2.0-beta.1

2 years ago

0.2.0-beta.6

2 years ago

0.2.0-beta.5

2 years ago

0.2.0-beta.4

2 years ago

0.2.0-beta.3

2 years ago

0.2.0-beta.9

2 years ago

0.2.0-beta.8

2 years ago

0.2.0

2 years ago

0.2.0-beta.7

2 years ago

0.2.0-beta.10

2 years ago

0.2.0-beta.11

2 years ago

0.2.0-beta.0

2 years ago

0.1.0-beta.0

2 years ago

0.1.1-beta.3

2 years ago

0.1.1-beta.2

2 years ago

0.1.1-beta.1

2 years ago

0.1.1-beta.0

2 years ago

0.1.0

2 years ago