# Typehead


Typeahead is powered by the plugin react-bootstrap-typeahead. Please refer there documentation for further details and instructions here https://github.com/ericgio/react-bootstrap-typeahead


# Importing

import { Typeahead } from "react-bootstrap-typeahead";
import "react-bootstrap-typeahead/css/Typeahead.css";

# How to use

const [selected, setSelected] = useState([]);

const options = [
    "Default",
    "Medium",
    "Hard",
]

<div>
  <Typeahead
    id="basic-typeahead-one"
    labelKey="name"
    onChange={setSelected}
    options={options}
    placeholder="Choose a state..."
    selected={selected}
  />
</div>;