TypeAhead Component

To Share and +4 nLEARNs

import {WidgetEditor} from "@site/src/components/social-widget"

The TypeAhead component provides a type-ahead input field for selecting an option from a list of choices. This component is imported from the react-bootstrap-typeahead package; more information about the component can be found here.


The code example below demonstrates how to use the TypeAhead component to create an input field for selecting a fruit from a list of options.

const options = [“Apple”, “Banana”, “Cherry”, “Durian”, “Elderberry”];

return (

{State.update({choose: value})}}
placeholder=’Choose a fruit…’

Selected: {JSON.stringify(state.choose)}


Generate comment with AI 2 nL
Scroll to Top
Report a bug👀