HTML

Avatar

ExamplesDocumentationCSS Variables

Examples

Avatar simple

Avatar Image
Copied to clipboard

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--BorderRadiusc_avatar_BorderRadius30em
--pf-c-avatar--Heightc_avatar_Height2.25rem
--pf-c-avatar--Widthc_avatar_Width2.25rem