Table

A 1–6-column list of {icon, text} rows. Despite the name, it works as a table when columns ≥ 2 — header row, zebra striping, and per-column data alignment make it a lightweight table.

When to use it

Feature checklist (✓ Feature one, ✓ Feature two…)
Comparison table (label + 2 / 3 columns of values)
Specifications / parameters list
Linkable list of items (URL toggle per row)

When not to use it

Pricing tiers — use Tiers
Service-with-prices list — use Price List
Single icon with title and description — use Icon Card

Columns — 1 · 2 · 3 · 4 · 5 · 6 (default: 1)

Sets the number of columns. The layout adapts:

1 column — single list (icon + text)
2–6 columns — table with first-column labels + data columns

Toggles

The toggle row layout depends on column count:

2+ columns: 3 cells

Show Icons (default: on, left) — show / hide the icons
Header (default: on, centre) — show / hide the header row. Header text is set by clicking the rendered header cells directly in the editor preview (stored as col_header_1, col_header_2, … col_header_N). The header row only renders when at least one col_header_N value is non-empty.
Zebra (default: off, right) — alternating row backgrounds

1 column: 2 cells

Show Icons (left) · Zebra (right). Header is always off.

Data Align (2+ columns only) — Left · Center · Right (default: Right)

How columns 2..N align (e.g. numbers right). The first column is always left-aligned (it carries the row label / header).

Items (repeater)

Each row has:

Drag handle
Icon button — opens icon picker; click the small copy-down

marker on the icon button to copy the icon to the next row

Label — first 24 chars shown as a preview (full text edited

on the screen by clicking the rendered row)

URL toggle — link / unlink button (when on, the row is a

link)

× Remove

Default starter set: 3 items with circle icons.

When columns ≥ 2, a hint reads: "Click text on screen to edit columns" — you edit additional column values by clicking the rendered cells in the preview, not in this panel.

Add Item button below the list.

Colours (3-column row)

Icon — left swatch (default: dark); sets icon_color
Background — centre swatch (default: empty / transparent)
Text — right swatch (default: #666)

Hover Effect — Parallax · Burst · Pop · Tilt (default: Parallax, off)

Toggle group — clicking the active button turns hover off; clicking another switches effect.

Parallax — depth-tracked motion of the icons / rows
Burst — radiates from icons (disabled when Show Icons is off)
Pop — pop-out scale on hover
Tilt — 3D tilt on hover

Sliders

Icon Size — 12–32px (default: 20)
Text Size — 12–24px (default: 16)
Item Gap — 4–32px (default: 12). Vertical row gap.
Column Gap — 4–24px (default: 12). Horizontal column gap.
Highlight (visible when Hover Effect is on) — 50–800ms

(default: 200). Hover transition duration.

Max width — 200–1600px (default: 800).

Stagger items — checkbox (visible when entrance animation is set)

When an entrance animation is selected, this checkbox makes items appear one after another rather than all at once.

Entrance animation

Standard widget at the bottom of the panel.

Per-device overrides

Columns, sizes, gaps, max width all have per-device values.

Common overrides:

Columns — 4 desktop / 2 tablet / 1 mobile
Hover Effect — off on mobile (no cursor)

Common patterns

Feature checklist

Columns 1 · Icon check-circle · Text Size 16 · Item Gap 12.

3-column comparison table

Columns 3 · Header on · Zebra on · Data Align Center · Icons off (the labels in column 1 carry the meaning).

Linkable nav list

Columns 1 · per row toggle URL on · Hover Effect Parallax · Highlight 200ms.

blocks/icon-card — for a single icon + heading + description
blocks/price-list — for icon + title + price rows with a

connector

blocks/plans — for multi-column pricing tier cards