Skip to main content

Official Website

of the Commonwealth of Pennsylvania

    The .gov means its official.

    Local, state, and federal government websites often end in .gov. Commonwealth of Pennsylvania government websites and email systems use "pennsylvania.gov" or "pa.gov" at the end of the address. Before sharing sensitive or personal information, make sure you're on an official state website. 
    AEM Components

    Tabs Component

    The Tabs Component allows authors to organize content into separate, easily navigable tabbed sections. Each tab includes a title and associated content area, helping streamline information and improve user experience by reducing scrolling. Ideal for displaying grouped content such as FAQs, feature comparisons, or step-by-step guides. Fully responsive and customizable, the component supports most PWP components.

    Overview

    Component name: Tabs Component

    Authors who can use: any

    Templates/page types that can use component: all

    Required or optional: optional

    Authoring Fields

    Adding the Tabs component to the page

    Once on the desired page in Edit mode, add the Tabs Component by doing the following:

    Option 1: Double click on “Drag components here.” A modal titled “Insert New Component” will pop up. Type “Tabs” in the search bar, or scroll to the Tabs in the list. Double click to add to page.

    Option 2: On the left hand rail, navigate to the Components tab. Type “Tabs” in the search bar, or scroll to the Tabs in the list. Double click to add to page.

    Editing the Tabs component

    1. With the edit wrench, open the component.

    2. Authoring Dialog

    a. Items Tab: Select "Add" to add Tabs to the component by choosing from our component library. Once seleced, you will be prompted to name your Tab. If you want to add multiple components under a Tab, select "Container" from component library.

    b. General Tab: Enter text for View Tablet/Mobile Dropdown Label

    Accessibility

    There are no specific accessibility notes for this component.

    Other tips

    • This is a static component. Authors will need manually add content to each tab.