PatternFly Elements - Home PatternFly Elements v2 prerelease v1

Avatar

Overview

Avatar is an element for displaying a user's avatar image.

Installation

npm install @patternfly/pfe-avatar

Usage

<pfe-avatar name="Eleanore Stillwagon"></pfe-avatar>
<pfe-avatar name="Libbie Koscinski"></pfe-avatar>
<pfe-avatar name="Blanca Rohloff"></pfe-avatar>
<pfe-avatar name="Edwardo Lindsey" src="https://clayto.com/2014/03/rgb-webgl-color-cube/colorcube.jpg"></pfe-avatar>

Slots

None

Attributes

size

Size of the Avatar

DOM Property
size
Type
'sm'|'md'|'lg'|'xl'
Default
'sm'
border

Whether to display a border around the avatar

DOM Property
border
Type
'light'|'dark' | undefined
Default
unknown

DOM Properties

None

Methods

None

Events

None

CSS Custom Properties

None

CSS Shadow Parts

None