content-grid-formatter
Description
A grid that supports css grid and flex for displaying rows of content.
Benefits
Quickly swap between grid and flex styles. Customize number of columns per breakpoint using responsive property values.
Properties
| Property |
Attribute |
Description |
Type |
Default |
class |
class |
|
string |
undefined |
columns |
columns |
|
string |
'1' |
flexAlign |
flex-align |
|
string |
'space-between' |
flexGrow |
flex-grow |
|
string |
'false' |
flexShrink |
flex-shrink |
|
string |
'false' |
type |
type |
|
string |
'flex' |
Slots
| Slot |
Description |
"content" |
This slot will usually serve a content text block. |
"media" |
This slot can either be a video or image component. |
Dependencies
Used by
Graph
graph TD;
content-split-block --> content-grid-formatter
style content-grid-formatter fill:#f9f,stroke:#333,stroke-width:4px