Auto-Sorting Tabs and Accordion Filtering with Lightbox

This widget is useful for displaying team members, products, documents, and other items that you'd like to filter by category. The widget is ready for a dynamic collection if you want to connect to Airtable, Google Sheets, or an Internal collection, or you can add your content in the content panel.

How does it work?

Each item that you add has a category field. The widget automatically finds all of the possible categories and creates a tab for each category option. When you click on a category, the items filter based on their matching category.

On MOBILE tabs don't work well in my opinion, so instead it generates an accordion. The same concepts apply: you'll have an accordion for each category, and each category will list out the matching member items.

When you click on a team member or item card, a light box will open up. The light box displays the image, name, a secondary label, description, and optional button/link on desktop, and all of the same content minus the image on mobile. Check out the demos below!