The Suggest Input provides predefined suggestions for a text input field. Basically, it's the Text Input component with suggestions.

When the user focuses on the input, suggestions appear in a list. As the user types, this list is filtered to match the typed value.
The user can either choose an item from the list, which fills the input with that item's value, or enter a custom value.

Unlike the Select component, the input can contain a value not present in the list.

The Suggest Input is best used for singular values. For entering a list of values, use the Suggest Multiple Input.

Best Practices

Use the Suggest Input in contexts where the system can provide a list of useful suggestions, but it's possible that the user wants to use a value not present in the system.
Examples: last 50 campaign names, list of named colors, previously registered domain names, etc.

Keyboard Controls

When list is shown:

• Arrow keys: change selected suggestion in list.
• Return key: fill input with selected suggestion.
• Escape key: close list.