Tabbed Slider

A sliding component with tabs along the top. Different content is displayed when each tab is selected.


Category: Promos and Sliders

Here is a working example of Tabbed Slider. Its appearance will change in response to the size of your screen.

Example tabbed slider

Usage guidelines

  • Use to display a lot of content, under related sub-headings, without having to make the user scroll.Clicking the title of the tab displays its content underneath.
  • Each tab requires a title and body as a minimum, but more components such as Image (Landscape) and videos can be placed inside.


  • Place in the Body Content.

Editing and customisation

  • You can edit the heading and body for each tab (these are mandatory).
  • You can also have Media Gallery, Image Gallery, Video, Link, Image (Landscape), Content List and/or Dividing Line within a tab.

Related components

Home Hero Slider
More details
Related Content
More details
Side Content Promo
More details
Media Slider
More details
Back to top