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 text

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.