Avatar

An image-like component that has different display options for representing images and icons in different shapes and sizes, depending on the use case. The shape can be circular or square. There are several predefined sizes, as well as an option to set a custom size.

See the official documentation for avatar, and avatar group for all the correct props.

Examples

avatar(
  initials = "JC",
  interactive = NA, 
  `accessible-name` = "John Coene"
)

avatar(
  initials = "PS",
  interactive = NA, 
  `accessible-name` = "Pierre Saouter",
  size = "XL"
)

avatar(
  icon = "user-edit",
  interactive = NA, 
  `accessible-name` = "A user"
)

avatar(
  `fallback-icon` = "user-edit",
  interactive = NA, 
  `accessible-name` = "A user",
  htmltools::tags$img(
    src = "https://github.com/JohnCoene.png"
  )
)

avatar_group(
  avatar(
    `fallback-icon` = "user-edit",
    interactive = NA, 
    `accessible-name` = "A user",
    htmltools::tags$img(
      src = "https://github.com/JohnCoene.png"
    )
  ),
  avatar(
    icon = "user-edit",
    interactive = NA, 
    `accessible-name` = "A user"
  ),
  avatar(
    initials = "PS",
    interactive = NA, 
    `accessible-name` = "Pierre Saouter"
  )
)