Accordion Navigation

Organize navigation items into expandable panels.

How to use

Edit item titles and content and choose target slides.
Set active item, colors, panel dimensions and opening behavior.
Click each heading to verify its target and content.

Things to check

Remap links to deleted or inaccessible slides.

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

37 / 37

animationDuration

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

number

animationEasing

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

'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear'

borderRadius

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

number

collapsedShowPagePreview

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

boolean

collapsedWidth

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

contentFit

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

'contain' | 'cover'

contentOverflow

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

'hidden' | 'visible' | 'scroll'

contentScale

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

number

direction

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

'left' | 'right'

expandedWidth

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

number

gap

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

number

hoverPeekEnabled

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

boolean

hoverPeekRatio

Determines how much of a panel is revealed on hover.

number

hoverPeekWidth

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

iconPosition

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

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

iconSize

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

number

items

Repeated module items. Add and order them in their editor and complete each item field.

AccordionNavItem[]

labelActiveColor

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

string

labelColor

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

string

labelFontFamily

Font family. Keep headings and body text consistent with the presentation typography.

string

labelFontSize

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

number

labelFontWeight

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

string

labelLetterSpacing

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

number

labelPosition

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

'center' | 'top' | 'left' | 'right'

labelRotation

Rotation or angle setting. Check block bounds and overlaps after rotating.

number

labelTextTransform

Changes uppercase/lowercase appearance; also check the original copy.

'none' | 'uppercase' | 'lowercase' | 'capitalize'

layout

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

'horizontal' | 'vertical'

opacity

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

number

orientation

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

'vertical' | 'horizontal'

panelActiveBackgroundColor

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

string

panelBackgroundColor

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

string

panelBorderColor

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

string

panelBorderWidth

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

showPageName

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

boolean