Documentation
Documentation Hub

Size: xxs

Avatars groups can have different sizes. This example shows an avatar group using the xxs size. Use the size prop to change the size of the avatar group.

+2
Show code
vue

Size: xs

Avatars groups can have different sizes. This example shows an avatar group using the xs size. Use the size prop to change the size of the avatar group.

+2
Show code
vue

Size: sm

Avatars groups can have different sizes. This example shows an avatar group using the sm size. Use the size prop to change the size of the avatar group.

+2
Show code
vue

Size: md

Avatars groups can have different sizes. This example shows an avatar group using the md size. Use the size prop to change the size of the avatar group.

+2
Show code
vue

Size: lg

Avatars groups can have different sizes. This example shows an avatar group using the lg size. Use the size prop to change the size of the avatar group.

+2
Show code
vue

#<BaseAvatarGroup>

•Properties

avatars
An array of avatar objects.
Required
Show example
vue
classes
Optional CSS classes to apply to the component inner elements.

@since

3.0.0

Show example
vue

•Properties (with app.config)

size
The size of the avatars.
Show example
vue
limit
The maximum number of avatars to display.
Show example
vue

•Slots

#default
This slot has no inherted props
Show example
vue

•Exposed

size
The size of the avatars.
Show example
vue
limit
The maximum number of avatars to display.
Show example
vue