Tabs
The Tabs module organizes content into switchable tabs, each with a title, rich-text description, and optional button. It supports between 1 and 6 tabs and is ideal for condensing related content into a single compact area, so use it for FAQs, feature breakdowns, or grouped information.
Tab item
The Tab item group is repeatable with a minimum of 1 and a maximum of 6 tabs (4 created by default), sorted by each tabs Title. Each entry has a Title text field (default Discover) and a rich-text Description for its panel. A Show media toggle (off by default) reveals Media settings, where Media type selects Image (default) or Video: Image mode offers an Image, an SRC set with Tablet image and Mobile image, and an Add legend toggle that reveals a Legend rich-text; Video mode offers a Video player.
Button
Each tabs Show button toggle (off by default) reveals a Button group. Button type selects Button (default), Anchor or CTA. Button and Anchor share Button text (default Discover), Show icon (off by default) revealing an Icon image, a Button style (Plain [default], Plain reversed, Outline, Text only, White, White reversed), a Button theme shown for the Outline and Text only styles (Default [default], First color, Second color, Third color, Fourth color, Fifth color, Gray color) and a Make button small toggle; Button uses a Button URL link while Anchor uses a Target field, and the CTA type exposes a CTA field.
Vertical alignment
The Vertical alignment group sets vertical alignment for each screen size through the Mobile display, Tablet display and Desktop display selects, each offering Top, Center, Bottom, Space around, Space between and Stretch (default Top).
Horizontal alignment
The Horizontal alignment group sets horizontal alignment for each screen size through the Mobile display, Tablet display and Desktop display selects, each offering Left, Center, Right, Space around, Space between and Stretch (default Left).
Text alignment
The Text alignment group sets text alignment for each screen size through the Mobile display, Tablet display and Desktop display selects, each offering Left, Center and Right (default Left).
Typography settings
The Typography settings group remaps each heading and text style — H1 display through H6 display, Body display and Pre display — with independent Mobile display, Tablet display and Desktop display selects. Each select offers Default (default), Display, the heading levels H1-H6, Body, Pre, Small and Extra-small, letting any style borrow another styles typography per screen size.
Tabs theme
The Tabs theme select applies the tabs color theme: Default (default), First color, Second color, Third color, Fourth color, Fifth color or Gray color.
Animation settings
The Animation settings group controls how the module animates into view. Animation type offers None (default), Fade in, Fade up, Fade down, Fade left, Fade right, Zoom in, Zoom out, Slide up, Slide down, Slide left and Slide right. Choosing any type other than None reveals Duration (0.1-3s, step 0.1, default 0.6s), Easing (Smooth (power1.out), Default (power2.out) [default], Snappy (power3.out), Very snappy (expo.out), Sine (sine.out), Overshoot (back.out), Springy (elastic.out), Bouncy (bounce.out) or Linear (none)) and Delay (0-5s, step 0.05, default 0s), while Travel distance (0-200px, step 5, default 30px) appears only for slide and directional fade animations.
Mobile order
The Mobile order slider ranges from -5 to 5 in steps of 1 and lets you shift the module up or down relative to sibling modules on mobile screens; lower numbers appear first.