Avatar Stack Component — ds_avatar

Create a stack of avatars using Designsystemet styles. The stack is rendered as a <ul> and each avatar is wrapped in an <li> automatically (children that are already <li> tags are left as is).

Usage

ds_avatar_stack(..., suffix = NULL, class = NULL)

Arguments

...: Avatar elements. Named arguments become attributes on the <ul>.
suffix: Optional text shown after the avatars, e.g. "+3" to indicate additional members. Rendered as a trailing <li>.
class: Additional CSS classes

Value

A Shiny tag object

Examples

ds_avatar_stack(
  ds_avatar("AB"),
  ds_avatar("CD"),
  ds_avatar("EF")
)
#> <ul class="ds-avatar-stack">
#>   <li>
#>     <span class="ds-avatar">AB</span>
#>   </li>
#>   <li>
#>     <span class="ds-avatar">CD</span>
#>   </li>
#>   <li>
#>     <span class="ds-avatar">EF</span>
#>   </li>
#> </ul>

ds_avatar_stack(
  ds_avatar("AB"),
  ds_avatar("CD"),
  suffix = "+2"
)
#> <ul class="ds-avatar-stack">
#>   <li>
#>     <span class="ds-avatar">AB</span>
#>   </li>
#>   <li>
#>     <span class="ds-avatar">CD</span>
#>   </li>
#>   <li>+2</li>
#> </ul>