Ligantic
Docs
Tutorials
How-to guides
Reference
Explanation
Login
Free Sign Up
Docs
/
Reference
/
Experiences
/
Blocks

Experience Blocks Reference

This reference documents all currently defined Experience block types in Ligantic.

Block Types

Block Type

Description

Reference

box

Container block for layout and composition

Box

link

Navigational block with constrained child types

Link

text

Text/content rendering block

Text

image

Image media block

Image

video

Video media block

Video

audio

Audio media block

Audio

button

Interactive action trigger block

Button

input

Form input block with component variants

Input

visualisation

Data visualisation block with component variants

Visualisation

Shared Properties

Most block types include these shared properties:

  • Layout and sizing (width, height, position, overflow*)
  • Flex/grid alignment and spacing (direction, align, justify, gap)
  • Typography (fontSize, fontWeight, lineHeight, textAlign)
  • Visual styling (background*, border*, boxShadow, transform, transition)
  • Data context hooks (entityContext, query, forEach)
  • State overrides (states)

Print/page layout controls are also available in shared props:

  • display (none, inline-flex, flex, inline-grid, grid)
  • breakBefore (auto, page, avoid)
  • breakAfter (auto, page, avoid)
  • breakInside (auto, avoid)

Media state ids available for blocks:

  • media-print
  • media-below-768
  • media-above-1200

For entityContext datums that both load a Record by ID and receive URL-provided values, object values are deep-merged and URL values are applied last.

Related pages

Experiences Reference Overview
This section contains reference documentation for Ligantic Experience schemas and block types.
Experience States and Print Layout
Block states entries are optional and support three id classes:
Flow Node Types Reference
This reference documents all available Flow node types in Ligantic. Nodes are the building blocks of Flows — visual workflows whose runs execute in the background.
How to Edit and Group Several Blocks at Once
This guide shows you how to select more than one block in the Experience designer, change their shared styles in one go, and wrap them in a new Box block.
Schema Field Types Reference
This reference documents all available field types for defining Schemas in Ligantic. Schemas define the structure of your data and are the foundation for both Experiences and Flows.