LayersLearn how to use layers to create UI

Layers represent the visual elements in your app. To add a new layer you can drag a block from the block menu into your layers panel.

when you click on a layer, you can editing using the edit panel on the right side of the screen

Frame 1859.png

Most layers will have Design Settings and Properties

Design

The design tab is where you change the physical look of your component, like its background color, spacing and border.

Properties

The property tab is where you can pass the specific data or settings for the layer, like the the value of text or the the data for a list

Conditions

Sometimes you may want to dynamically edit a design settings or a property based on a value (Lets day you want to button to look disabled when the user isn't logged in). You can do this by using conditions on your layer. Every condition requires a name and True/False value. The value you pass is true, the settings for this condition will apply

Frame 1860.png

Published 01/10/2025Last updated 03/06/2025