Why use workspaces
The default “Data” tab gives operators access to all your collections, but it’s generic. Workspaces let you:- Focus - show only the data relevant to a specific task
- Contextualize - display related information side by side without navigating away
- Act faster - put action buttons directly next to the data that triggers them
- Guide - add text, sections, and structure to guide users through a workflow
Building a workspace
+ Add New in the left sidebar, select Workspace, and give it a descriptive name that reflects the use case (e.g. “Customer Onboarding”, “KYC Review”).
Step 2, Add a Collection component
Drag a Collection from the sidebar onto the canvas. Select which collection to display and optionally apply a segment. Set the row click behavior to “Select a record” to enable dynamic updates across all connected components.
Step 3, Add context with Field components
Drag Field components onto the canvas. Link them to your Collection and select which fields to display. When an operator clicks a row, these fields update to show the selected record’s values.
Step 4, Add Actions
Drag an Action and link it to your Collection. Now operators can click a row and immediately trigger the right action, no need to open the record detail.
Step 5, Exit the builder and test it
Click “Exit builder” to switch to the operator view. Test the workflow by clicking rows and triggering actions.
Components reference
A Workspace is composed of components that you drag onto a canvas and configure. They fall into 5 categories.Layout & Guidance
Components to structure your workspace and guide operators through it.Source
Source components set the data context for the rest of the workspace. Data & Action components subscribe to a Source to know which record to act on.Dropdown modes
The Dropdown component has three modes:- Static, You hardcode a list of values. Reorder them with drag handles.
- Dynamic > Simple, Choose a collection and a field; the dropdown is populated from your data, with an optional filter.
- Dynamic > Smart, Fetches values from an external endpoint. The expected response format is:
Date Picker
Set minimum and/or maximum selectable dates, hardcoded or using templating:Toggle
Pick a value type (String, Number, Boolean, etc.) and set the value for the “toggled on” state. When toggled off, the component’s value is undefined and any filter using it is ignored. Example: a Boolean toggle with valuetrue filtering on isEmailVerified, combined with a String toggle with value "onboarding" filtering on status.
Data & Actions
The Field component supports all display widgets. For nested values, use the code input mode:
Analytics
Metabase component setup
Custom
The Custom component lets you write your own component in HTML/JS for advanced display logic not covered by the built-in set.Templating
Templating lets components reference values from other components dynamically. Type{{ in any text input, filter, or link field to open the autocomplete.
When you rename a component, all templating references to it update automatically.
Filtering charts with templating
Charts in a workspace can be filtered using other components’ values. In the chart’s filter configuration, reference a source component:Visibility rules
Every component has a Visible option at the bottom of its settings panel.
Example: a related Collection filtered on
{{collection1.selectedRecord.id}} with visibility set to “Only when dynamic variables are defined” will stay hidden until an operator selects a row in collection1.