Avatar
User avatars help to quickly identify people in the system.
import { ... } from '@ag.ds-next/react/avatar';Usage
Avatar components can be imported via the avatar entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/avatar';Props
| Prop | Type | Description |
|---|---|---|
| name | string | The name of the person represented by the avatar. |
| aria-hidden? | Booleanish | If true, the element will be hidden from assistive technologies. |
| aria-label? | string | Describes the element to assistive technologies. |
| size? | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | The size to apply. |
| tone? | "action" | "neutral" | The colour tone to apply. |
Source
You can view the full source code for this package on Github.