HTML

Avatar

ExamplesDocumentationCSS Variables

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--BorderRadiusc_avatar_BorderRadius
30em
--pf-c-avatar--Heightc_avatar_Height
2.25rem
--pf-c-avatar--Widthc_avatar_Width
2.25rem