Figma ComboBox

/

/

/

/

Figma ComboBox

Preview

Figma ComboBox

Figma ComboBox Component

The ComboBox component is designed to autocomplete input and provide the user with a list of suggestions from which to choose.

You can customize the pop-up size and elements available in the Combobox by adjusting the nested Dropdown List component.

ComboBox UI Best Practices

  • Provide autocomplete suggestions as the user types;

  • Allow users to navigate options using arrow keys and select with Enter;

  • Use predesigned variants to distinguish between focused, hover, and default states.

Combobox Anatomy

SetVariantsPropertiesCopy to Figma
Combobox24Type Default, SecondarySize Small, Medium, LargeState Default, Disabled, Hover, Focused

Type

Interactive component

Behavior

Auto layout

Figma ComboBox

ComboBox

combobox example

combobox component

figma combobox

Interactive component

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma
— 10X faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.