Component

Combobox

Also known as: Autocomplete, Autosuggest

An input that behaves similarly to a select, with the addition of a free text input to filter options.

37 Examples

Filter:

  • Auto complete

    Ant Design

    Tech

    • React

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Autosuggest

    Backpack

    Tech

    • Mobile
    • React

    Features

    • Code examples
    • Usage guidelines
    • Open source
    • Tone of voice

  • Combobox

    Base Web

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Typeahead

    Bolt Design System

    Tech

    • Sass
    • Twig
    • Web Components

    Features

    • Code examples
    • Tone of voice
    • Open source

  • Combobox

    Cauldron

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Combobox

    Clarity Design System

    Tech

    • CSS
    • Angular
    • Web Components

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Combobox

    Coral

    Tech

    • React

    Features

    • Code examples
    • Tone of voice
    • Open source

  • Dropdown

    Dell Design System

    Tech

    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines

  • Combobox

    eBay MIND Patterns

    Features

    • Accessibility
    • Usage guidelines
    • Open source

  • Combobox

    eBay Playbook

    Tech

    • HTML
    • React

    Features

    • Code examples

  • Combo box

    Elastic UI framework

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Combobox

    Elisa Design System

    Tech

    • React

    Features

    • Usage guidelines
    • Code examples
    • Accessibility

  • Combobox

    Evergreen

    Tech

    • React

    Features

    • Open source

  • ComboBox

    Fluent UI

    Tech

    • React
    • Web Components
    • Mobile

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Autocomplete

    Forma 36

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Combobox

    Geist Design System

    Tech

    • React

    Features

    • Code examples

  • Listbox

    generic-components

    Tech

    • Web Components

    Features

    • Code examples
    • Accessibility
    • Open source

  • Combobox

    Headless UI

    Tech

    • React
    • Vue

    Features

    • Code examples
    • Accessibility
    • Open source

  • Combobox

    Lightning Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Lookup

    Lightning Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Picklist

    Lightning Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Combo box

    Morningstar Product System

    Tech

    • Vue

    Features

    • Usage guidelines

  • Autosuggest

    Nessie

    Tech

    • Web Components
    • Tailwind CSS

    Features

    • Usage guidelines
    • Code examples

  • Autocomplete

    No Style Design System

    Tech

    • Sass
    • jQuery

    Features

    • Open source
    • Unmaintained

  • Autosuggest

    ONS Design System

    Tech

    • HTML
    • Nunjucks
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Combobox

    Paste

    Tech

    • React
    • CSS-in-JS

    Features

    • Usage guidelines
    • Code examples
    • Tone of voice
    • Accessibility
    • Open source

  • Combobox

    Pharos

    Tech

    • Web Components
    • Sass

    Features

    • Usage guidelines
    • Open source
    • Code examples
    • Accessibility
    • Tone of voice

  • Autocomplete

    Primer

    Tech

    • React

    Features

    • Code examples
    • Open source

  • Combobox

    Reach UI

    Tech

    • React

    Features

    • Accessibility
    • Code examples
    • Open source

  • Autosuggest

    Seek style guide

    Tech

    • React

    Features

    • Code examples
    • Unmaintained

  • Combobox

    shadcn/ui

    Tech

    • React
    • Tailwind CSS

    Features

    • Code examples
    • Open source

  • Combo box

    Spectrum

    Tech

    • CSS
    • Web Components
    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Combobox

    Visa Product Design System

    Tech

    • Angular
    • React
    • CSS
    • Mobile

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Auto-complete

    W3C design system

    Tech

    • Sass
    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines
    • Open source
    • Accessibility

  • Autocomplete

    Wanda

    Tech

    • React
    • CSS Modules

    Features

    • Code examples
    • Open source

  • Combobox

    Ariakit

    Tech

    • React

    Features

    • Code examples
    • Open source
    • Accessibility

  • Combobox

    Sainsbury's Design System

    Tech

    • React
    • Sass

    Features

    • Usage guidelines
    • Code examples
    • Tone of voice

Related components

  • Select

    Dropdown, Select input

    A form input used for selecting a value: when collapsed it shows the currently selected option and when expanded, it shows a scrollable list of predefined options for the user to choose from.

  • Search input

    Search

    Search inputs allow users to find content by entering a search term.

Resources

Name distribution