Skip to content
Bricks Academy
Community Forum
Get Bricks

Countdown

The Countdown element displays a countdown timer to a specified date with customizable fields and actions.

Settings

Section titled “Settings”

  • Date (datepicker) - The target date and time for the countdown.

  • Time zone (select) - The time zone for the countdown calculation. Options include various UTC offsets. Default: UTC+00:00.

  • Date Reached (select) - Action when the countdown reaches zero. Options: countdown (show countdown), hide (hide element), text (show custom text). Default: countdown.

  • Date Reached: Custom text (text) - Custom text to display when the date is reached. Only shown when “Date Reached” is set to “text”.

Fields

Section titled “Fields”

  • Fields (repeater) - Configure the countdown display fields. Each field has:

    • Prefix (text) - Text before the field value.
    • Format (text) - Format string using %D (days), %H (hours), %M (minutes), %S (seconds). Lowercase removes leading zeros. Default: “%D days”, “%H hours”, “%M minutes”, “%S seconds”.
    • Suffix (text) - Text after the field value.

  • Direction (direction) - Flex direction for the fields container.

  • Align main axis (justify-content) - Justify content alignment for fields.

  • Align cross axis (align-items) - Align items for fields.

Field

Section titled “Field”

  • Direction (direction) - Flex direction for individual fields.

  • Margin (spacing) - Margin around individual fields. Default: 0 5px 0 0.