Components / UI components / Data Display
Data DisplayExperimental alpha
Avatar
An image or initials for a person or team, decorative unless given a name.
Avatar preview
SRSam Rivera
Interactions use local sample data.
Usage and props
Pass name when the avatar is the only sign of who is shown; otherwise leave it decorative beside visible text. Supply accessible, licensed image URLs.
Supported inputs
This is the public signature used by this example. Open Code to see how the values and callbacks fit together.
name? · initials? · src? · size?: sm | default | lg · native span propsThese are the main props for the example. The package's TypeScript declarations include the full API.