Orvain UI

Comboboxes

Comboboxes are a text input joined to a filtered list: you type, the options narrow, and you pick from what is left.

Get Pro to installPro15 blocksReact, Vue and Figma
MCPConnect the MCP server

Build an audience

Pick tags and countries to choose who gets this email.

Live count
18,343
of 48,230 contacts
38%
3 tags · 2 countries
Contacts must have

Contacts with at least one of these tags, in any of these countries.

NewsletterDonorVolunteer
FranceGermany
The count updates as contacts join or leave.

Every block in the set#

Audience builder

Filter builders and segment editors: several pickers whose result is shown as you choose

Share & permissions

Sharing sheets: invite people, set each person's access, manage the link

Country combobox

Several choices from a long list: type to narrow it, tick as many as you need

Category combobox

Several choices in one compact field: tags, a count once they overflow, a search inside

Tag combobox

Multi-select that reads as a group of tags: the grey well holds the search and the list

Audience builder, sentence

Choosing who gets something by reading it back as a sentence

Audience builder, preview

Pickers where the effect of a choice should be visible before it is made

Share & permissions, pending

Sharing sheets where each person gets their own access before anyone is emailed

Share & permissions, people and teams

Sharing with people and whole teams from one field

Country combobox, regions

Picking whole regions at once, then fine-tuning single countries

Country combobox, one line

A field that never grows however many countries are picked

Category combobox, capsule

A long, grouped list you want to check or trim: switch between All, People, Clubs and Selected

Category combobox, create

Picking from lists that people extend as they work

Tag combobox, suggestions

Tagging with a few likely tags one press away

Tag combobox, cloud

Small tag sets where every option should stay in view

When to use#

  • A list too long to scroll but small enough to hold on the client: countries, currencies, timezones
  • Picking several values from one set, where what is already ticked has to stay visible
  • A filter builder whose result count or preview updates as each option goes in
  • Finding one person in a company directory in order to give them access

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans