Skip to content

Components

Components allow you to create a graphical interface made up of reusable and nestable elements. The entire content of a Component is defined by Blocks that are divided into two categories: Static Blocks and Dynamic Blocks.

Blocks

Each Block has Options that allow you to define its behavior. For example, it is possible to define the triggering of a Function when a Block is pressed, or as a condition to determine whether a Block should be displayed or not.

Blocks can also be linked to Styles that allow you to define their appearance. Applying a Style can be conditioned by a condition executed by a Function.

Static Blocks

  • Zone: allows grouping Blocks
  • Text: displays text potentially in multiple languages
  • Image: displays an image contained in a Volume or from an external URL
  • Link: link to a Page or an external URL
  • Button: triggers an action when pressed
  • Input: user input
  • Checkbox: allows you to define a binary state
  • Video: displays a video contained in a Volume or from an external URL
  • Divider: dynamically separates two Blocks horizontally or vertically
  • Draggable: allows you to move this Block to a Droppable Block
  • Droppable: groups Draggable Blocks

Dynamic Blocks

  • Component: allows you to call another Component Recipe
  • Reference: allows you to display the value of an Option of another Block
  • Iteration: allows you to display as many Blocks as there are elements returned by a Function

Schema

Overview

Source