Components
Avatar
Size Variations
Avatars come in different sizes to suit various use cases.
xs
xsm
sm
md
mdLg
lg
xl
xs
xsm
sm
md
mdLg
lg
xl
With and Without Image
Avatars can display either an image or a fallback placeholder.
With Image
Without Image
With Tooltip
Avatars can show additional information on hover using tooltips.
Hover to see tooltip
With Link
Avatars can be made clickable by providing an href.
With Indicator
Avatars can include status indicators or badges.
With Status Indicator