Examples
For examples and details on the usage of this component, visit the component demo page: AvatarGroup
Properties
| Parameter | Type | Description | Default |
|---|---|---|---|
| ChildContent | RenderFragment |
Gets or sets the content to render inside the avatar group. | - |
| CountContent | RenderFragment<int> |
Gets or sets the content to render for the count of additional avatars beyond the maximum limit. | - |
| Max | int |
Gets or sets the maximum number of avatars to display. | 5 |
| Grid | bool |
Gets or sets a value indicating whether the avatars should be displayed in a grid layout. | false |
| Bordered | bool |
Gets or sets a value indicating whether the border should be added around the avatars. | false |
| Color | ThemeColor |
Gets or sets the color of the avatars. | Default |
| Size | Size |
Gets or sets the size of the avatars. | Medium |
| Radius | Radius |
Gets or sets the border radius of the avatars. | Full |
| Classes | AvatarGroupSlots |
Gets or sets the CSS class names for the avatar group slots. | - |
| AvatarClasses | AvatarSlots |
Gets or sets the CSS class names for the avatars slots. | - |
| As | string |
Gets or sets an HTML tag of the component. | - |
| Class | string |
Gets or sets CSS class names that will be applied to the component. | - |
| Style | string |
Gets or sets styles that will be applied to the component. | - |
| AdditionalAttributes | IReadOnlyDictionary<string, object> |
Gets or sets a collection of additional attributes that will be applied to the component. | - |
| ElementReference | ElementReference? |
Gets or sets the associated . May be if accessed before the component is rendered. | - |