pattern-library 1 linked patterns checked
Carbon Design System Combo Box
Documents combo box as a dropdown/listbox hybrid where users type into a field to find matching options, clear text, select one option, and optionally enter a custom value when the implementation permits values outside the predefined list.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Combobox | Choose a combobox when a single field controls a popup of allowed or suggested values. | The combobox element owns or controls its popup with aria-controls when the popup is available. | Carbon documents typing into a combo box field to find matching options, selecting an option, clearing text, and permitting custom values only when appropriate. |
Comparisons supported by this source
- Combobox vs autocomplete vs select vs text input
Carbon distinguishes combo box from dropdown by letting users type to filter a long or not-predefined list and optionally provide a custom value.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Carbon Design System. Last checked: .