M08 Tab System

General Info

Tab System

Description

The component for presenting content in tabs. The component has been based on the WCM Core component Tabs. 

The only allowed component within the Tab System component is the Tab Container(Container for Tab System). It is a simplified version of the Columns component with a limited list of available column layouts.

Configuration Options:

Tab: Items

  • It is possible to add any number of items. 
  • Each item can have a heading defined (optional)
  • An icon can be added (optional, shows above the heading)

Tab: Properties

  • Section title

Tab: Accessibility

  • Label

Tab: Style

  • Color

Layout options

Tab component with light gray background

To change active tab in edit mode you can use select panel button in component bar.

Article Image
이미지
Section title

Tab component with light gray background

To change active tab in edit mode you can use select panel button in component bar.

Aria label set.

Section title set.

Article Image
이미지

Tab component with auto background.

To change active tab in edit mode you can use select panel button in component bar.

Article Image
이미지

Auto background color on dark column.

Article Image
이미지