Skip to content
Docs
Open Promoeyes

item

UI item · inside ui / ui3duisset 147× in templates and rigs

A bare UI item, `item(component=<name> …)`; with no `component` it is a flex box like `group`. In a component's list (`runs`, `columns`, `rows`, `choices`, `actions`, `facts`) it is one entry, its attributes that entry's fields.

item(title=api · v2.14.0 value=1 color=#ffffff)

Attributes

titletextIn `choices`, `actions` or `facts`: the entry's visible text (a fact's label).53×
valuenumbernumber + unittextIn `facts`: the text of the value column.50×
colorcolour #rrggbb44×
sizenumber44×
texttexte.g. , import from 44×
weightnumber44×
componenttextThe UI component it is (`card`, `text`, `group`, …); absent, a bare flex box.22×
xnumber22×
ynumber22×
gapnumber21×
layouttexte.g. columnrow21×
wnumber21×
paddingnumberfour numbers20×
keytextIn a table's `columns`: the field of each row this column shows.15×
labeltextIn a table's `columns`: the header text (default the `key`, capitalised).15×
widthnumberIn a table's `columns`: the column's width; without it, an equal share of what is left.11×
typetextIn a table's `columns`: `text` (default), `number` (right-aligned), `status` (a coloured chip) or `progress` (a bar, value 0 to 100).10×
cvrnumber9×
pagetexte.g. /pricing/product/docs9×
viewstexte.g. 212k188k142k9×
aligntexte.g. center7×
conctexte.g. 1 render4 renders12 renders4×
plantexte.g. StarterStudioTeam4×
pricetexte.g. $0$49$1994×
rendersnumbertext4×
seatsnumbertext4×
slatexte.g. doneplannedactive4×
selectedtrue / falseIn `choices`: `true` marks the choice as picked.3×
hnumber2×
italictrue / falseIn `runs`: `true` sets the run in italics.2×
cliptrue / false`true` masks its children to its own `w` × `h` box.1×
origintexte.g. top-left1×
styletextIn `actions`: `primary`, `positive` or `destructive` colours the button; otherwise it is white.1×

Where it goes