Skip to content
SkillCodex
Menu

Concept cluster

Choose from a list

Compare a closed native picker, a searchable suggestion control, and an always-visible option list.

Try the 3 concepts, compare what changes, then use the Pack that fits your need.

Try the components

Choose from a list

Try it

Is the person choosing a native value, filtering by typing, or navigating a list?

Select

Shared trial context

A form asks the user to choose one value from a known option set before continuing.

Select

Mission

Select

Choose Portugal with pointer and keyboard, then confirm the selected form value is identical.

Live result

No country is confirmed.

Step 1 of 3

Try

Try the component. Your live result appears just above. Move on at your own pace.

Behavior and edge case
What to observe
The labeled native select shows the current country and opens the platform's option picker.
Edge case
The required placeholder option cannot be submitted as a valid country and its error remains linked to the field.

What this example shows

Select is a native form control whose values come only from predefined options and whose mode can be single or multiple; Combobox controls an associated popup and may be editable or select-only, while Listbox is a composite option widget that can be standalone or used in a popup.

Use the Pack — Select

Which fits your need?

Select

Choosing one or more known values from a predefined list

Combobox

A value control needs an associated popup for options or richer assistance

Which component will you use here?
Read the full PackVerify the result
Difference and sources

Select is a native form control whose values come only from predefined options and whose mode can be single or multiple; Combobox controls an associated popup and may be editable or select-only, while Listbox is a composite option widget that can be standalone or used in a popup.

Read the sources

    Parts of the specimen

    Select a numbered marker on the schematic, or use the list below, to see its role. The schematic shows the concept's representative state.

    Label

    The persistent text that names a control or field.

    The three concepts

    ConceptSelectA form control for choosing one or more values from predefined options without arbitrary text entry; a single-select commonly appears as a closed picker, while a multiple select may expose a list.OpenConceptComboboxA value control with an associated popup; it can be editable or select-only, and the popup can be a listbox, grid, tree, or dialog.OpenConceptListboxA composite widget of named options that supports one or multiple selections and can be standalone or used as a combobox popup.Open

    The three comparisons

    ComparisonCombobox vs SelectComparisonListbox vs SelectComparisonCombobox vs Listbox

    Signals you are confusing them

    These descriptions fit every concept in the cluster, so none of them is enough to decide.

    • choose a value from a known collection of options
    • the option list may stay closed become filterable or remain visible

    Other concept clusters

    Concept clusterMotion & EffectsConcept clusterSmall contextual surfacesConcept clusterModal surfacesConcept clusterEdge-attached surfacesConcept clusterChoices and binary statesConcept clusterChange view or reveal contentConcept clusterInform the userConcept clusterWait and track progressConcept clusterTrigger or navigateConcept clusterEnter textConcept clusterOrient within a journeyConcept clusterStructure and explore data