SGDS Combo Box Component Skill

<sgds-combo-box> is a searchable select with client-side filtering out of the box. Add multiSelect to allow multiple selections (displayed as dismissible badges). Enable async for server-side filtering.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Single-select searchable dropdown? → Default <sgds-combo-box>

Multi-select? → Add multiSelect

Custom filter function? → Set filterFunction via JS property

Server-side async filtering? → Add async, then update the option list in the sgds-input event handler