avatar

A circular person or entity image at a standard size — sm, md or lg.

Example

avatar

phone

SPEC.JSONCopy

{ "id": "home", "layout": { "_id": "root", "type": "row", "gap": 12, "padding": 16, "children": [ { "_id": "a1", "type": "avatar", "size": "sm" }, { "_id": "a2", "type": "avatar", "size": "md" }, { "_id": "a3", "type": "avatar", "size": "lg" } ] } }

RENDERED OUTPUTFRAMEWERK RENDERER

●

●

●

States

size (sm 32 / md 40 / lg 48). Common to every node: hover / press / focus CSS bags, showWhen / hideWhen, animate.

Stability

This node type is part of the format contract: adding an optional prop is additive; removing the node or narrowing an existing prop is breaking. Prop tables are generated from the schema; this page carries the prose.