Content Block

A simple content area with title and body text fields. Provides a lightweight alternative to the Paragraph component when no column or heading customization is required. Ideal for straightforward text content sections.

The examples below demonstrate the three Content Block layout variants:

  • Feature – Displays an optional subtitle above the title, followed by body copy. Best for hero-style introductions or feature callouts.
  • Icon – Shows an icon image to the left of the title and body copy. Useful for service descriptions or benefit lists.
  • Bullet List – Renders the body copy with spaced list items (my-4 class added to each <li>). Ideal for feature lists or step-by-step content.

Subtitle

Title

Copy feature block content goes here
Icon

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Line 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Line 2 - Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  • Line 3 - Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Usage Notes

  • The BlockType rendering parameter is a Droplink that references dictionary items under /sitecore/system/Dictionary/Feature/MklComponents/Content Block/Block Type/. The dictionary phrase value maps to a CSS class used in the view’s conditional rendering logic.
  • Available block types: content-block-feature, content-block-icon, content-block-bullet-list. If no block type is selected, the component falls back to a default layout showing just the Title and Copy.
  • The Icon variant renders an <img> sized at 40×40px to the left of the text. The image source comes from the datasource’s Icon field.
  • The Bullet List variant applies my-4 spacing to every <li> element in the Copy field via a runtime Regex replacement.
  • The Feature variant renders the Subtitle above the Title (using a lower heading importance) followed by the Copy.
  • All variants wrap content in a .content-block.mb-4 container div.
  • The Title is rendered via Html.RenderHeading at the same heading importance level as the parent section, with data-toc-skip to exclude it from table-of-contents generation.

Control Properties

Standard Values / Defaults

ParameterDefault Value
BlockType(empty — falls back to default layout)

Rendering Parameters

ParameterTypeDescription
BlockTypeDroplink (dictionary)Selects the layout variant. Options: Content Block Feature (content-block-feature), Content Block Icon (content-block-icon), Content Block Bullet List (content-block-bullet-list).

Template Properties

FieldTypeDescription
TitleSingle-Line TextThe heading text displayed in the content block.
SubtitleSingle-Line TextAn optional subtitle rendered above the title (Feature variant only).
CopyRich TextThe body content of the block. For the Bullet List variant, <li> elements receive automatic spacing.
IconImageA 40×40px icon image displayed to the left of the content (Icon variant only).