Page History

...

• validation – Configures validation rules for the combobox, including:
• required – When set to true, the field must have a selection before the form can be submitted.

Links

• Figma: https://www.figma.com/design/yck1tcUXgdQ5aYX6iUAwrO/GE---Astronaut-Design-System?node-id=11523-164008&t=ftfrOGkPzlG2GaTo-1
• Live style guide: https://e1-dev.k8s.myapp.de/live-style-guide/id3/3-dropdown/multi-combobox

Guidelines

Usage

• Use the combobox when a user must choose one value from a list that can be static or API-driven.
• Provide a default only when it prevents busywork; set defaultValue, and avoid preselecting when an explicit choice is required with validation.required.
• Let users undo optional selections with a clear affordance by enabling showClearIcon.
• Persist the selection across sessions only when beneficial by using saveInLocalStorage.
• Keep option content simple and scannable by ensuring the field mapped to modelDisplayValue contains concise, single-line text; avoid composing multi-line or compound labels inside the list.
• When “no value” is a valid outcome, include an explicit “None” option in staticData (or via your API), keep validation.required: false, and enable showClearIcon to make reversal easy.

...