New Component: Tabbed List — 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:

Tabbed List

Filter your collection instantly with a built-in tab bar — no extra screens, no re-fetching

tabbed-list-hero-banner
tabbed-list-hero-banner1600×1000 64.6 KB

Tabbed List combines a fully customizable tab bar with a live collection list in one component. Connect your collection once, set a filter value per tab, and tab switching happens client-side with no extra API calls.

Key Features

:white_check_mark: 2–5 configurable tabs with custom labels and filter values
:white_check_mark: Client-side filtering — data loads once, tab switches are instant with no re-fetching
:white_check_mark: Four tab styles: Underline, Pill, Filled, and Text Only with full color control
:white_check_mark: 4 Magic Text lines per item with independent font size, weight, and color
:white_check_mark: Optional avatar image per list item
:white_check_mark: Card or Row item layout with configurable border radius and padding
:white_check_mark: Magic Text outputs: Active Tab Filter Value and Active Tab Index
:white_check_mark: Tap action on each item — passes tapped record as context to the target screen
:white_check_mark: Works on Web, iOS, and Android

Perfect For

• Conference schedules filtered by day (Monday / Tuesday / Wednesday)
• Task managers with status tabs (To Do / In Progress / Done)
• Team directories organized by department
• Property listings filtered by type (For Sale / For Rent / Sold)
• Order history sorted by status (Pending / Shipped / Delivered)

Try the Demo

:backhand_index_pointing_right: Open the demo app

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 “Tabbed List”
  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
3

Hey @AKyle / @Dilon,

A couple of requests if possible…

  • Would you be able to include a search bar under the tabs?
  • Can we edit the list empty wording?
  • Padding differs between Card and Row views. Padding on a Row will adjust space vertically, while Card view will also indent the line fields. Ideally I’m looking to add vertical space on a Card list without the text shifting in

Thanks

1 Like
4

Thank you for sharing these Sam, just shared with the team!

1 Like