Typeahead
Beta

Install the component dependency:

Include a React component in your project:

Typeahead PropTypes

Name
Value
Description
Default
appearance
default | subtle
visual style (from Typeahead.appearances)
default
disabled
boolean
standard input disable flag
false
error
boolean
error state flag
false
label
string
identifying string for input
onChange
(Event, nextValue) => ()
triggered when value changes
placeholder
string
in-field usage hint
size
medium | small
horizontal icon placement (from Typeahead.sizes)
medium
subLabel
string
supporting text or error messaging
value
string
controlled value

Typeahead.Suggestion PropTypes

children
string
suggestion label
value
string
suggestion value (optional, falls back to label)

For a more subtle look, use subtle appearance. So subtle.

The small typeahead is ideal for usage within table rows otherwise use the default, medium size typeahead, in forms for example.

Open an issue