README About Versions Source Modules

PF6.Avatar

PF6 Avatar component

Displays a user's profile image with optional border, in various sizes.

See: https://www.patternfly.org/components/avatar

Definition

Opaque Avatar type

type Size

Avatar size variants

Constructor

{ src : String

, alt : String

}

-> Avatar

Construct an Avatar from an image src and alt text

Size modifiers

withSmallSize : Avatar -> Avatar

Small avatar — 24px

withMediumSize : Avatar -> Avatar

Medium avatar — 36px (default)

withLargeSize : Avatar -> Avatar

Large avatar — 72px

withXLargeSize : Avatar -> Avatar

XLarge avatar — 128px

Style modifiers

withBorder : Avatar -> Avatar

Add a border around the avatar

Rendering

toMarkup : Theme -> Avatar -> Element msg

Render the Avatar as an Element msg

Modules