Tabs

Separate related content into selectable tabs.

How to use

Add tab titles and content.
Set the initial tab and active/inactive appearance.
Click each tab and check for overflow.

Things to check

A static export may show only the currently visible content.

Property reference

Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.

Find a property

26 / 26

activeTabBackgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

activeTabColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

activeTabId

The active tab identifier; match it to an existing tab in the content list.

string

activeTabTextColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

animated

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

animationDuration

Controls movement speed, duration or delay. Units are shown in the editor control; test timing in presentation mode.

number

backgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

borderColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

borderRadius

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

contentBackgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

contentFontSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

contentTextColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

defaultActiveTab

Sets the initially open tab; choose one of the existing tabs.

number

fontSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

hoverEffect

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

inactiveTabColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

opacity

Visibility ratio: 0 is fully transparent and 1 is fully opaque.

number

padding

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

shadowEnabled

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

showIcons

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

tabBackgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

tabPadding

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

tabPosition

Sets the associated element alignment, placement or direction; preview it within the content area.

'top' | 'bottom' | 'left' | 'right'

tabStyle

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'default' | 'pills' | 'underline' | 'bordered'

tabTextColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

tabs

Tab headings and content; open and check each tab in presentation mode.

TabItem[]