Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Autocomplete

    A text input that suggests values while the user types but accepts any text.

    Storybook
    Storybook
    Source
    Source

    The example below loads live from Storybook; you can open the controls there.

    Live example, StorybookOpen in Storybook

    With inlineComplete, the highlighted suggestion is written into the field while the user moves through the list.

    Live example, StorybookOpen in Storybook

    showClear shows a clear button while there is text. With emptyText, the list shows it when nothing matches; without it, the list closes.

    Live example, StorybookOpen in Storybook

    Required with an error, and disabled.

    Live example, StorybookOpen in Storybook

    The field and list use the same tokens as Combobox; neither mode needs extra setup.