Meta

import { Meta } from "@arcadia/ui";

<Meta items={["Took 6s", "2h ago"]} />

A row of facts that belong together (how long something took and when, a model's window and effort, a machine's platform). The space between them is --meta-gap. There is no dot, bar or bullet.

rootStyle takes layout and this knob: the gap, as a spacing token.

Each fact is its own element. A comma between them is clipped to a pixel, so the eye sees only the gap while a screen reader, and a copy of the line, still gets the list: "Took 6s, 2h ago".

Do not put a separator character in the facts themselves. A title, a tooltip or a notification that cannot be a row should be a sentence or a comma list instead.