Selects, Dropdowns & Autocompletes: Exploring the Combobox

Will Klein

Will Klein

Computer screen with code and webpage in a split screen

From styling a select, to building a robust autocomplete input with multiple selections, the combobox is a ubiquitous and powerful family of components in our UI. It offers many lessons, from how to layout sub-components like a search icon within an <input> element, to managing a popup for its list items, to learning how the W3C ARIA specification can be used as a reference. Most of all, it sets the stage to explore accessibility, going beyond basic tab order and into keyboard navigation and the screen reader experience. Through examples from our favorite open source component libraries like Chakra UI and MUI, we can quickly level up our understanding of advanced UI components.

Will Klein

About Will Klein

Stay-at-home dad

Author of

Co-organizer for @ReactDenver & @DenverScript


Copyright © 2024 React Denver. All rights reserved.
netlify call to actionHosted by Netlify