Avatar

Experimental
An image element with a fallback for representing the user.
SourceStorybook
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

import {Avatar} from '@fuegokit/react'

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

Usage

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