Avatar
The avatar is used to represent a user. It may contain an image that represents the user or a placeholder graphic in the absence of an image. Typical usage is to represent the current user in the masthead. Related design guidelines: Masthead
ExamplesPropsCSS Variables
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| className | string | No | '' | Additional classes added to the Avatar. |
| src | string | No | '' | Attribute that specifies the URL of the image for the Avatar. |
| alt | string | Yes | Attribute that specifies the alternate text of the image for the Avatar. |
CSS Variables
| .pf-c-avatar | --pf-c-avatar--BorderRadius | 30em | ||
| .pf-c-avatar | --pf-c-avatar--Width | 2.25rem | ||
| .pf-c-avatar | --pf-c-avatar--Height | 2.25rem | ||
