Tags
Dynamic tag lists that can filter or link to content.

You can add subitems Tag as many as you need:
Overview
The block exposes a set of visual and layout options to customize appearance on the home page. Some options are global (affecting the entire block), while others are page-specific (e.g., “Home page top spacing none”). Use clear defaults and dependencies to guide users.
Heading
Fields
Subheading
Heading
Description
Heading alignment
Notes
Use consistent typography across these fields.
Consider character limits for headings and descriptions.
Provide character counts in the UI.
Layout
Top spacing
Options:
None
,Small
,Medium
,Normal
Home page top spacing
Value:
none
(applies only to the home page)Interaction: If distinct from global Top spacing, specify per-page override
Works only on home page
Type: Boolean/Toggle
Effect: When enabled, the block renders exclusively on the home page
Width
Options:
Default
,Boxed
,Wide
Wide option constraint
Statement: The Wide option works for screens with 1440px width and more
Behavior: If viewport width < 1440px, the block should gracefully fallback to a narrower width (e.g., Default or Boxed)
Content width
Options:
50%
,60%
,70%
,80%
,90%
,100%
Effect: Sets the internal content container width relative to the block width
Buttons align
Options
Left
Center
Notes
Consider also an
Right
option if needed for future parityEnsure alignment works with varying content widths
Dividing line
Show: Boolean/Toggle
When enabled, render a horizontal divider line
Width
Options:
Fullwidth
,Content width
Effect: Determines the divider’s width relative to the block
Background
Background: Boolean/Toggle (enable/disable background)
Color: Pick color value for the background
Width: Options or numeric values to control background stripe width (interpretation needed)
Top, bottom spacing: Controls vertical padding around the background area
Remove bottom spacing
Boolean/Toggle
Effect: If enabled, removes bottom spacing (verify interaction with Top spacing)
Colors
Base: Choose base color for text/primary elements
Accent: Choose accent color for highlights
Lines: Choose color for dividing lines and borders
Button (styling)
Show background: Boolean/Toggle (whether the button shows a background)
Background: Color value for button background
Background gradient: Gradient definition (start color, end color, angle)
Border: Border styling (e.g., width, style, color)
Text: Button text color
Show background on hover: Boolean/Toggle
Background hover: Color for hover state
Background gradient hover: Gradient for hover state
Border hover: Border color/width on hover
Text hover: Text color on hover
Enable shadow: Boolean/Toggle
Shadow: Shadow properties (offset, blur, spread, color)
Shadow hover: Shadow properties on hover
Last updated