Skip to content
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

Attribute
Applied to
Outcome
alt
.pf-c-avatar
The alt attribute specifies an alternate text for an image, if the image cannot be displayed. Required

Usage

Class
Applied to
Outcome
.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