Properties

Updated 2026-08-13

Select a block and the right-hand panel fills with its settings. It is the same panel for every block, so what you learn on a text block you already know on a card.

Turn some

Four of the real controls, on a real block:

The panel on the right changes the block on the left, as you touch it. Four of the real controls; the actual panel has these grouped with the rest.

Canvas

A block

Properties

SpacingPadding16px

Border & cornersCorner roundness12px

Text & accent

Size & display

Nothing here is saved, and no CSS was written. That is the whole idea of the panel: the block carries its own design, and you change it by pointing at the block and turning a control.

Changes are liveYou judge a design by looking at it, not by saving and reloading.

A control belongs to one blockIf a setting is not doing what you expect, check the selection first. Layers is the reliable way to select the block you mean.

What the groups hold

The panel is grouped and the groups collapse, so it opens calm. A number next to a group means this block already has settings there.

Text & accent, TypographyColour, size, weight, alignment, line height. Typography is inherited, so setting it on a box applies to the text inside.

SpacingPadding inside the block, margin outside it.

Size & displayWidth, height, how the block sits in its parent, which direction its children stack.

Border & corners, Shadow, Motion & effectsThe decoration: outlines, roundness, depth, filters, reveal-on-scroll.

Position & layersFor pinning a block over another. On an ordinary page, a box usually wants nesting instead.

Interaction, TooltipWhat the block does on hover, and an optional note that pops out when a reader points at it.

Nearly every “this looks cramped” problem is Spacing. Padding grows the block; margin pushes its neighbours away.

A tooltip is a property of any block, not a block of its own. Switch it on, write the text, choose which side it comes out of.

When the controls run out

Two things sit below the groups for what the controls do not cover.

Custom CSS writes rules scoped to this block. It is there for the last five percent. A setting that exists as a control should be set with the control, because the control keeps working when the block is moved, copied or restyled. See Custom CSS.

Colour from data gives a block a colour chosen by a column value. One block that tints itself per category, instead of one copy per category.

If you find yourself duplicating a branch to change a single hex, that is the control you wanted. See Tables and rows for binding, and conditions for when the difference really is structural.

Reusing a design

Copy styleTakes the design without the content onto another block.

Save as a blockStores design and content. Drop it on any page, and editing the saved copy updates every page using it.

A shared layoutFor a whole page shape repeated across a table. Read on.