SGDS Select Component Skill

<sgds-select> is a searchable form select control. Options are provided as <sgds-select-option> child elements. It includes built-in filtering, label, hint text, loading state, and validation feedback.

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 selection only? → <sgds-select> with <sgds-select-option> children

Multi-selection? → Use <sgds-combo-box multiSelect> instead

Pre-select a value? → Set value to match the option's value attribute

Show validation feedback? → Set hasFeedback and invalidFeedback