Skip to contents

Usage

AvatarGroup(...)

Arguments

...

Props to pass to the component.

Value

Object with shiny.tag class suitable for use in the UI of a Shiny app.

Details

  • children node
    Default is - The avatars to stack.

  • classes object
    Default is - Override or extend the styles applied to the component.See CSS classes API below for more details.

  • component elementType
    Default is - The component used for the root node. Either a string to use a HTML element or a component.

  • componentsProps { additionalAvatar?: object }
    Default is - The extra props for the slot components. You can override the existing props or add new ones.This prop is an alias for the slotProps prop.Deprecated-use the slotProps prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.

  • max number
    Default is 5 Max avatars to show before +x.

  • renderSurplus func
    Default is - custom renderer of extraAvatarsSignature:function(surplus: number) => React.ReactNodesurplus number of extra avatarsReturns: custom element to display

  • slotProps { additionalAvatar?: object, surplus?: func| object }
    Default is The props used for each slot inside.

  • slots { surplus?: elementType }
    Default is The components used for each slot inside.

  • spacing 'medium'| 'small'| number
    Default is 'medium' Spacing between avatars.

  • sx Array<func| object| bool>| func| object
    Default is - The system prop that allows defining system overrides as well as additional CSS styles.See the sx page for more details.

  • total number
    Default is children.length The total number of avatars. Used for calculating the number of extra avatars.

  • variant 'circular'| 'rounded'| 'square'| string
    Default is 'circular' The variant to use.