New Component: Multi-Select Picker — Now on the Marketplace! 🎉

Info & Announcements
1

Hey Adalo Community! :waving_hand:

I’m excited to share a new component that’s now available on the Adalo Marketplace:

Multi-Select Picker

multiselect-dropdown-hero-banner (1)
multiselect-dropdown-hero-banner (1)1600×1000 54.3 KB

Let users pick multiple items from any collection — chips, search, and Magic Text outputs included

A fully data-bound multi-select picker that opens a modal dialog with search, select all, and removable chip display. Outputs selected IDs and labels as Magic Text for use in actions and database updates.

Key Features

:white_check_mark: Bind to any Adalo collection — displays items from your data
:white_check_mark: Selected items shown as removable chips on the trigger button
:white_check_mark: Searchable picker modal — filters list as users type
:white_check_mark: Select all / Deselect all scoped to current search results
:white_check_mark: Set a max selections limit — extra rows dim automatically
:white_check_mark: Pre-select items via comma-separated IDs (great for edit screens)
:white_check_mark: Magic Text outputs for Selected IDs and Selected Labels
:white_check_mark: Per-item On Selected and On Deselected actions for relationship management
:white_check_mark: Fully styled — accent color, chip colors, font size, border radius
:white_check_mark: Works on Web, iOS, and Android

Perfect For

• Interest or category tagging on profile setup screens
• Multi-category product filters
• Team member assignment to projects
• Permission role selection
• Event topic pickers on creation forms

How to Get It

  1. Open your Adalo app editor
  2. Click the + button to open the Add Components panel
  3. Browse Marketplace Components or search for “Multi-Select Picker”
  4. Click to add it to your app — done!

If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! :rocket:

5 Likes