PF Next

Avatar

Avatar Simple

Preview

Avatar Image
<img class="pf-c-avatar" src="/assets/images/img_avatar.svg" alt="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