Patternfly Logo

Examples

Basic

Avatar image

Documentation

Overview

The avatar component provides a default SVG icon. If an image is used it should be 36px by 36px.

Accessibility

AttributeApplied toOutcome
alt.pf-c-avatarThe alt attribute specifies an alternate text for an image, if the image cannot be displayed. Required

Usage

ClassApplied toOutcome
.pf-c-avatar<img>Initiates an avatar image. Required

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