Skip to main content
Apply Visit Give

Tabs component

The Tabs component is used to hold multiple sections of content within a panel that can be viewed when needed.

Deprecated component
This page is for documentation purposes only. The Tabs component is an older component and should no longer be used. Convert tabs to accordions when possible.

Component(s) typically used with this one:

Design options Tips Training Support

Design options

Label: The name of the tab

Anchor: (Optional) A URL-safe anchor name so that the panel can be linked to with a hashtag, e.g., /content/concordia/en/web/page.html#tab-1

Tabs component dialog shows 2 labels for tab names

Example

Tabs are converted to accordions on mobile - so use them instead!

grumpy cat

Use Tabs at your own risk. 

Tips on usage

Do

  • Use accordions instead of tabs
    • Use an accordion for each tab
    • Cut/paste the tab's content into the accordion

Don't

  • Don't rearrange the order of the tabs with the green arrows; the content does not always follow the tab.

Training

The Tabs component is no longer covered in AEM training.

Need support?

The Web team is here to help.

Contact us

© Concordia University