Tags

Dynamic tag lists that can filter or link to content.

Footer -> Tags


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 parity

    • Ensure 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