Storybook
/
Introductionstandardsizesinitialsloadingcontrols
  1. Recently opened
  2. Back to componentsESC
  3. Clear history
NameDescriptionDefaultControl
loading
Use the loading state to indicate that the data Avatar needs is still loading.
bool
false
-
username

Avatar falls back to the user's initial when no image is provided. Supply a username and omit src to see what this looks like.

string
"loading"
-
src
The URL of the Avatar's image.
string
--
size
Avatar comes in four sizes. In most cases, you'll be fine with medium.
"large""medium""small""tiny"
"medium"
-