Number Badge

Highlight a step or sequence number.

How to use

Enter the number and optional label.
Set badge color and size and align it beside the content.

Things to check

The number is not automatically calculated from slide order.

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

34 / 34

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

borderStyle

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

'solid' | 'dashed' | 'dotted'

borderWidth

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

number

customSize

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

number

fontSize

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

number

fontWeight

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

'normal' | 'bold' | 'light'

gradientAnimation

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

boolean

gradientAnimationSpeed

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

number

gradientAnimationType

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

'horizontal' | 'vertical' | 'diagonal' | 'radial' | 'pulse' | 'random'

gradientDirection

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

string

gradientEnabled

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

boolean

gradientEndColor

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

string

gradientStartColor

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

string

href

An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.

string

imageColor

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

string

imageColorize

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

boolean

imageSize

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

number

imageUrl

An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.

string

internalPageId

Identifier of the related record or target. Select an existing item; its display name alone is not an identifier.

string

internalPageName

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

string

number

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

string

pulseEffect

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

boolean

pulseSpeed

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

number

pulseType

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

string

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

shadowOffsetX

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

number

shadowOffsetY

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

number

shape

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

'circle' | 'square' | 'rounded'

showImage

An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.

boolean

size

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

'small' | 'medium' | 'large' | 'xl'

textColor

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

string