Banner
Content With Text Columns
CMS section with configurable columns of text, cards, and optional buttons for landing pages.
Overview
The Content With Text Columns section provides a CMS container for cards or columns of text and optional buttons. It supports multiple blocks (cards, text, buttons) in a configurable layout for landing pages and content sections.
Key Business & UX Benefits
- One section for multi-column content and cards without custom layout.
- Configurable blocks (card, text, button) fit different content needs.
- Consistent styling with other CMS sections.
- Fits landing pages and marketing content.
Pro-Tip from Larry: Use Content With Text Columns for feature grids and landing page content blocks.
Usage
SectionCmsContainer
Feature List
- CMS container for cards, text, and button blocks
- Configurable column and layout options
- Block types: card content, text, button
- Theme-aligned styling for light and dark modes
API Reference
SectionCmsContainer
No component metadata found for SectionCmsContainer. Did you mean
CmsContainer?BlockCmsCardContent
| Prop | Default | Type |
|---|---|---|
titlerequired | string | |
contentrequired | string | |
alignmentrequired | ContentAlignmentHorizontalFieldValue ("left" | "center" | "right") | |
mediaAspectRatiorequired | "default" | "1/1" | "16/9" | "4/3" | |
buttonVariantrequired | "positive" | "primary" | "secondary" | "black-ghost" | "white-ghost" | "danger" | "glass" | "white-close" | "black-close" | "black-close-always-black" | "white-close-always-white" | "input-field" | "glass-white" | "ghost" | |
buttonTextrequired | string | |
iconBackgroundrequired | "default" | "solid" | "none" | "pale" | |
icon | string | |
media | ||
buttonLink |
BlockCmsCardText
No component metadata found for BlockCmsCardText. Did you mean
BlockCmsCardContent?BlockCmsButton
| Prop | Default | Type |
|---|---|---|
sizerequired | "small" | "medium" | "large" | |
variantrequired | "positive" | "primary" | "secondary" | "black-ghost" | "white-ghost" | "danger" | "glass" | "white-close" | "black-close" | "black-close-always-black" | "white-close-always-white" | "input-field" | "glass-white" | "ghost" | |
textrequired | string | |
icon | string | |
href |