Skip to content
kapable

Identity

Data display · 1 export · v0.1.0 · showcase

Person or service row combining one avatar, name, and supporting metadata.

Browse 72 component families
Ada Lovelaceada@example.devOps Botservice account

Usage

Identity usage
<Identity name="Ada Lovelace" meta="ada@example.dev" />

API

Identity API

IdentityProps

The "who" row — Avatar + name + machine-register meta, the unit every app hand-rolls for assignee cells, comment headers, and member lists. Zero JS. `name` feeds the Avatar (deterministic hue, initials fallback) and reads in ink; `meta` is the quiet mono sub-line (an email, a role, "deployed 2m ago" — compose Time in here). With `href` the whole row is one quiet link (pinned + :visited per Sharp Edge 12) — name your list semantics outside; this is the row, not the list.

Identity props
proptypenotes
namestring
meta?RemixNodeQuiet mono sub-line under the name. Omit for the single-line form.
src?stringAvatar image URL — omit for the initials disc.
size?'sm' | 'md''sm' 24px avatar (dense cells) · 'md' 32px (default).
href?stringMakes the whole row a single quiet link.
mix?MixInput

More in Data display

More in Data display