@gladio/select v0.15.10

Select component

Use a custom select to enhance UX for input fields that requires selection of items

Installation

yarn add @gladio/select

Usage

import Select, { Async } from "@gladio/select"

const MyComponent = () => {
  const [query, setQuery] = useState("")
  const [value, setValue] = useState()
  return (
    <div>
      <Select
        value={value}
        onChange={selectedValue => {
          setValue(selectedValue)
        }}
        onQuery={setQuery}
      />
      <Async
        onChange={selectedValue => {
          setValue(selectedValue)
        }}
        fetch={query => Promise.resolve([])}
      />
    </div>
  )
}