Skip to content
Elements / Data

details

One record as label and value rows, for a single customer, order, policy or ticket: its fields one per line, with an optional status badge. Use detail children; for many records use a table.

Spec · edit me

No problems. The parser accepted every line.

Result · try itOpen in playground
Tweak the props

Props

"text"textA title above the rows, usually the record's name.optional
subtitlestringA muted line under the title, e.g. the company and city.—
ifconditionShow only when this expression is true, e.g. if=done or if={count>0}. Every element takes it.—
tipstringA short explanation shown on hover, keyboard focus or a tap, e.g. tip="Orders not yet shipped": for a term or a number some people won't know, instead of more words on screen. It makes the element a Tab stop if it isn't one. Every element takes it.—

Children: detail

SayShape v0.1 is an early prototype under the MIT License. Status · GitHub