@reactleaf/input v0.6.2-beta

@reactleaf/input

Variable Input components

See on Storybook

Usage

pnpm add @reactleaf/input

import { TextInput } from "@reactleaf/input"

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

Using Autocomplete, Combobox or DateInput

@reactleaf/input optionally requires react-select and react-datepicker as peer dependency.

Use with react-hook-form

Install with react-hook-form

pnpm add @reactleaf/input react-hook-form

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

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