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

Components Home Page

Components are the essential building blocks of your app, allowing you to create dynamic and engaging user interfaces. Whether you're designing a simple application or a complex platform, understanding and utilising components effectively will empower you to bring your vision to life.


What Are Components?

Components are reusable elements that encapsulate specific functionality and behavior. They can be anything from buttons and input fields to more complex elements like charts and lists. By combining and configuring these components, you can create a seamless user experience tailored to your audience.


Types of Components

We offer a wide variety of components to suit different needs, including:

  • Basic: Essential elements, like Button, Text, Image and Icon, form the foundation of your app's interface.

  • Forms: Components designed to collect user input, including Text Input and Date Picker.

  • Logic: Components that manage application logic, including Conditional Logic and Conditional Switch Logic.

  • Modal: Overlay components that present additional information or options without navigating away from the current view, enhancing user interaction.

  • Pager: Components that help navigate through multiple pages or sections of content, providing a streamlined user experience.

  • Data: Elements designed to handle and display data, such as lists, tables, and charts, perfect for creating data-driven applications.

  • Contentful: Components specifically integrated with Contentful, allowing you to manage and display content from your headless CMS seamlessly.


Flexibility and Customisation

Each component is highly customisable, allowing you to adjust properties like size, color and behavior to match your app's design and functionality. You can also mix and match components to create unique layouts and user experiences.