Icon Title

Pair an icon with a heading and supporting text.

How to use

Choose an icon and write the heading and supporting text.
Set icon/text alignment, spacing and font size.

Things to check

The icon should support the heading meaning; use a symbol resolved by the catalogue.

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

31 / 31

animateIcon

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

boolean

animation

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

'none' | 'spin' | 'pulse' | 'bounce'

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

borderWidth

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

icon

Selects a symbol or list marker. Use a catalogue icon or a marker accepted by the editor.

string

iconBackgroundColor

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

string

iconBorderRadius

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

number

iconColor

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

string

iconId

An icon identifier resolved by the catalogue; choose it through the icon picker.

string

iconPadding

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

number

iconPosition

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

'left' | 'top' | 'right'

iconShadowEnabled

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

boolean

iconSize

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

number

iconType

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

'emoji' | 'text' | 'symbol'

layout

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

'horizontal' | 'vertical' | 'centered'

padding

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

number

shadowBlur

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

number

shadowColor

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

string

shadowEnabled

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

boolean

spacing

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

number

subtitle

Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.

string

subtitleColor

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

string

subtitleFontSize

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

number

textAlign

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

'left' | 'center' | 'right'

title

Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.

string

titleColor

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

string

titleFontSize

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

number

titleFontWeight

Font weight. Use consistent weights for text at the same level of emphasis.

'normal' | 'bold' | 'light'