Home

Guides

Editor

Components

Actions

Conditions

Components

Basic

Container

Text

Image

Icon

Button

Forms

Local State

Text Input

Date Picker

Logic

Conditional Logic

Conditional Switch Logic

Modal

Sheet

Pager

Tabbed Pager

Data

Data Loader

Repeating Item

Countdown Timer

Data Transformer

Date Elements

Paging Data Loader

Contentful

Rich Text

Countdown Timer Component Documentation

Overview

The Countdown Timer Component is designed to display a countdown timer that counts down from a specified duration to zero. It is ideal for creating urgency, setting deadlines, or enhancing user engagement in various applications such as events, promotions, or time-sensitive tasks.


Key Features

  • Customisable Duration

  • Real-Time Updates

  • Completion Actions


Component Fields

1. Until

2. Content


Best Practices for Using the Countdown Timer Component

  • Visual Emphasis: Use contrasting colors for the timer and background to make the countdown easily noticeable.

  • Clear Instructions: Ensure that users understand the purpose of the countdown by providing clear labels and context.

  • Testing: Test the countdown component across different devices to ensure it functions properly and displays correctly in various screen sizes.