---
title: "Creating tabbed content sections"
date: "2022-03-24T15:51:45+00:00"
summary: "Create engaging tabbed content sections effortlessly with UIKit's three versatile components. Learn how to use Text and tabs, Tabs container, and Vertical tabs sections to organize and present your information effectively."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/creating-tabbed-content-sections"
id: "cf7f382e-8fd0-400f-bade-82eb996e3b5c"
---

The UIKit include three section components for creating tabbed content. These are **Text and tabs container section**, **Tabs container section** and **Vertical tabs container section**. To use these sections:

1.  Drag a **Tabs container section,** **Text and tabs container section** or **Vertical tabs container section** onto your page. You will see that it includes a drop zone for adding Tab items.  
      
    
    ![de347e73-tab-container.png](https://acquia.widen.net/content/fbaf38a0-b48b-4867-ab8c-84ea565a4198/web/de347e73-tab-container.png)
    
      
     
2.  Drag a **Text tab item** into the drop zone. The Text tab item includes a rich text editor for adding text and media.  
      
    
    ![8ca3baea-text-tab-item.png](https://acquia.widen.net/content/c37b99fd-f430-492f-b296-298e56642587/web/8ca3baea-text-tab-item.png)
    
      
     
3.  To add additional tab items, the easiest way is to duplicate an existing item and then change its content.  
      
    
    ![e6e95ea3-duplicate-text-tab-item.png](https://acquia.widen.net/content/fd28746b-1eb1-4c06-bfcd-a361c36e6cf0/web/e6e95ea3-duplicate-text-tab-item.png)