> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.blab.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Widgets: Tabs

# Widget Categories: Basic

Tabs are a great way of showing content such as Services, Plans or Team members in compact, connected sections.

Each tab can contain a label, title, description, image and button, and each of these elements can be fully customized.

For information on adding widgets, see [Add Widgets](https://help.booklikeaboss.com/en/articles/10353857-widgets-library-and-overview#h_45d573b76d).

**Tip**

Fore more information on widgets and the widgets library, see [Widgets: Library and Overview](https://intercom.help/book-like-a-boss/en/articles/10353857-widgets-library-and-overview).

**Dynamic Content**

This widget can also display dynamic pages. For more information, see [Dynamic Content: Display and Navigation Options for Collection Records](https://intercom.help/book-like-a-boss/en/articles/10378990-dynamic-content-display-and-navigation-options-for-collection-records).

# Content Editor

To access the content editor, right click the widget and select **Edit Content**. Or, if you are in flex mode or Editor 2.0, the option to access the content editor is available in the floating menu.

1. To add a new tab, click **Add Tab**.
2. To edit the image (and alt text), Tab label, Label heading type, Title, Description, and button, click the **tab**.

* Header tags are available to make your text more easily identifiable by search engines. It is recommended you select H3 for the Label Heading Type.
* The alt text field for the image can be found at the bottom.
3. To display images on the tabs, click the **Show image** toggle.

# Design Editor

To access the design editor, right-click the element, and click **Edit Design**. Or if you are in flex mode or Editor 2.0, select **Edit Design** from the floating menu to open the design panel.

* Click the layout to select a different layout for the tabs.
* Click **All Tabs** to customize the style of unselected tabs, reverse the tab direction, and control the tab layout on mobile.
* Click **Selected Tab & Hover** to customize the text style and background. This does not affect the All Tabs design.
* Click to change the **Description Style**, **Button Style**, and **Image Style**.

**Note**

The long text field provides various text formatting options, such as italicizing, bolding, or underlining text.

For information about design options that are not specific to this widget (for example, layout, style, or spacing), see [Widget Design](https://help.booklikeaboss.com/en/articles/10353857-widgets-library-and-overview#h_bd5957206f).

**Note**

* You can have as many tabs you want, but keep in mind that the space for each label is reduced with each new tab.

* There are 2 layout options for mobile display, tabs and accordion. The tabs layout can be controlled by swiping.

# Mobile View

There are 2 layout options for mobile display, tabs and accordion. The tabs layout can be controlled by swiping. However, not all mobile browsers support swiping behavior, in which case you can use the accordion view on mobile.

To change the Tabs widget for mobile:

1. In the top navigation bar, click the device view to switch the view to mobile (). For more information, see [Edit by Device](https://help.booklikeaboss.com/en/articles/10357402-widgets-tabs).
2. Right-click the widget, and click **Edit Design**.
3. Click **All Tabs**, and then click the **Display as Accordion** toggle.

[![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/2/6/cf26d71e1c8b0000/c7cbfa7c-d410-4291-9a26-f66f8c_1pbtv8l.png)](https://downloads.intercomcdn.com/i/o/h5estzhi/1324096276/d4d0b1895eb88ef0ebb4d88bd56e/29006375458071?expires=1767713400&signature=ed259141669b5da68f331a0d546bb9c3c5e58683a270bafe6650391271245028&req=dSMlEsl3m4NYX%2FMW1HO4zdHvjOx780C2v%2FZxGZxHRJCbxzo9Lj2elQveVLFv%0AcBElLEdfwh9f9ky8awo%3D%0A)