QR Code

Turn an address or text into a scannable code.

How to use

Enter the full address or short text.
Use a dark foreground, light background and sufficient margin.
Scan with a phone at presentation size and verify the target.

Things to check

Small size, low contrast and excessive data make scanning harder.

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

24 / 24

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

containerBackgroundColor

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

string

containerBorderRadius

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

number

containerPadding

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

number

content

The main visible content; check that it fits the block height after editing.

description

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

string

descriptionColor

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

string

descriptionFontSize

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

number

downloadable

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

boolean

errorCorrectionLevel

QR error correction level. A higher level can create a denser code.

'L' | 'M' | 'Q' | 'H'

foregroundColor

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

string

margin

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

number

opacity

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

number

shadow

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

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

size

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

number

style

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

'default' | 'rounded' | 'dots' | 'squares'

text

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

string

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