An image element with a fallback for representing the user.
Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.

Avatars represent a user or a team. Stacked avatars represent groups of people.


import {Avatar} from '@fuegokit/react'

Additional styling guides and examples are coming soon. For now, explore the examples at Storybook.


<Avatar.Image src={`https://www.yourimageurl.com/img.png`} alt={`Masha Shaposhnikova`} />
<Avatar.Fallback delayMs={600}>MS</Avatar.Fallback>