Concrete
layout
Primitive

Row

Compact scan-line primitive for lists, menus, and dense product panes.

Rows are the base unit of product density. Keep metadata right-aligned, truncate labels, and use one leading affordance.

Agent memory architecture12m
Context structuring experimentlive
Evaluation datasetprivate
Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.
States

Rendered matrix.

Every state maps to the same render route through the `state` query param.

Agent memory architecture12m
Context structuring experimentlive
Evaluation datasetprivate
Default

Interactive dense rows.

/render state
Agent memory architecture12m
Context structuring experimentlive
Evaluation datasetprivate
Static

Passive row treatment.

/render state
Props

Public contract.

NameTypeDefaultDescription
leadingIconIconName | ReactElement-Icon tile at the row start.
metaReactNode-Right-aligned mono metadata.
interactivebooleanfalseAdds hover surface treatment.
childrenReactNode-Row label.