Card

Arrange text, image and button areas.

How to use

Fill the title and body and choose an image if needed.
Set layout, padding and borders.
Verify the heading and supporting text are fully visible in presentation mode.

Things to check

After resizing, check that text and image still fit together.

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

28 / 28

altText

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

string

altTextAlign

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

'left' | 'center' | 'right'

altTextColor

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

string

altTextFontFamily

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

string

altTextFontSize

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

number

altTextFontWeight

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

'normal' | 'bold' | 'light'

animation

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

{
    type: 'none' | 'slideInLeft' | 'slideInRight' | 'slideInTop' | 'slideInBottom' | 'fadeIn' | 'bounceIn' | 'zoomIn' | 'rotateIn';
    duration: number;
    delay: number;
  }

backgroundColor

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

cardLayout

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

'vertical' | 'horizontal'

customImageHeight

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

number

customImageWidth

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

number

imageBorderRadius

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

number

imagePosition

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

'top' | 'center' | 'bottom'

imageSize

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

'small' | 'medium' | 'large' | 'custom'

imageUrl

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

string

padding

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

number

shadow

Enables or configures the associated visual emphasis; check legibility on the background.

boolean

shadowColor

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

string

shadowOpacity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

spacing

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

number

title

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

string

titleAlign

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

'left' | 'center' | 'right'

titleBackgroundColor

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

string

titleColor

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

string

titleFontFamily

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

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'