UI Block Reference

Code Block

Display code with syntax highlighting

ContentCodeBlock

Editable fields

The fields shown here come from the block schema and indicate the primary editable properties.

Editable fields

backgroundColorcodehighlightLines[]languagemaxHeightshowCopyButtonshowLineNumbersspacing.marginBottomspacing.marginTopspacing.paddingBottomspacing.paddingTopthemetitletypography.textSize

Blocks in the same category

Hero Minimal Hero Split Hero Gradient Hero Video Hero Product Hero

Live preview

This preview is rendered with the real UI block implementation.