Tabs

A tabs interaction wires tab buttons to panels — showing one panel at a time with a fade between them, using flowmo’s .f0-tabs class conventions.

Where: Right sidebar → Interact → Interactions → “+” → Standalone — Add a Tabs interaction

Key ideas

• Triggers & panels: Tab buttons (triggers) map to panels; clicking a tab reveals its panel and hides the rest.
• Classes: Uses .f0-tabs / .f0-tab / .f0-tab-panel (and an optional .f0-tab-pill) — under the hood a fade carousel with distinct classes.

Steps

1. Build your tab buttons and panels.
2. Add a Tabs interaction on the container.
3. Map the triggers to their panels.
4. Optionally enable the morph pill.