Patternfly Logo

Avatar

Examples

Basic

avatar

Props

Avatar properties
NameTypeRequiredDefaultDescription
altstringYesAttribute that specifies the alternate text of the image for the Avatar.
classNamestringNo''Additional classes added to the Avatar.
srcstringNo''Attribute that specifies the URL of the image for the Avatar.

CSS variables

.pf-c-avatar--pf-c-avatar--BorderRadius
30em
.pf-c-avatar--pf-c-avatar--Width
2.25rem
.pf-c-avatar--pf-c-avatar--Height
2.25rem

View source on GitHub

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH

PatternFly is an open source design system built to drive consistency and unify teams. From documentation and components to code examples and tutorials, PatternFly is a place where design and development can thrive. We’re on a mission to help teams build consistent, accessible, and scalable enterprise product experiences—the open source way.

Red Hat logo
Copyright © 2019 Red Hat, Inc.
Privacy statementTerms of useAll policies and guidelines