Avatar

Avatar is an image that represents a user or organization.

  • @primer/react@36.27.0
  • Alpha
  • Not reviewed for accessibility

Import

import {Avatar} from '@primer/react'

Examples

View in Storybook

Props

Avatar

NameDefaultDescription
alt
''string

Provide alt text when the avatar is used without a name next to it.

size
20number | { narrow?: number; regular?: number; wide?: number; }

The size of the avatar in pixels.

square
falseboolean

If true, the avatar will be square instead of circular.

sx
SystemStyleObject
Navigated to Avatar