Tabs intro

Overview

A wireframe of tabs
An illustration showing the selected tab in focus

Tabs work in a similar way, with the difference being that the content is displayed horizontally rather than vertically. The process for creating a tab is essentially the same as with an accordion, albeit the top entry in the backend will display as the tab furthest to the left and so forth.

As with an accordion, you simply add a header name, then body text into the editor below. Here is what it looks like in the backend of Contensis.

Tabs editing area.
Tabs editing area.

You can add tables, links, or any other regular text content for both accordions and tabs. You cannot add images, however. You can also drag each tab entry up or down to change the order, or click on the three dots on the right-hand side to remove it. 

A tabs area in the backend of Contensis
A built tabs area in the backend of Contensis.

If you want to add more tabs, click on the '+ Add component' button.

Tabs on the front end of the website
Tabs on the front end of the website.

Component in action