Components/Data display

EAvatarGroup Avatar group

import EUI 1.0

Examples

Avatar groups, collapse and hover previews

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EAvatarGroup { size: 44 overlap: 10 collapseAvatars: true maxCollapseAvatars: 3 collapseAvatarsTooltip: true EAvatar { text: "A" source: "qrc:/example/images/gallery/avatar-01.jpg" } EAvatar { text: "B" source: "qrc:/example/images/gallery/avatar-02.jpg" } EAvatar { text: "C" source: "qrc:/example/images/gallery/avatar-03.jpg" } EAvatar { text: "D" source: "qrc:/example/images/gallery/avatar-04.jpg" } EAvatar { text: "E" source: "qrc:/example/images/gallery/avatar-05.jpg" } EAvatar { text: "F" source: "qrc:/example/images/gallery/avatar-06.jpg" } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

avatarsvar

Array of avatar objects in the group.

Fields:
source, text, fillMode
iconSource, backgroundColor, size
shape

Default[]

collapseAvatarsbool

Collapse avatars beyond the visible limit.

Defaultfalse

collapseAvatarsTooltipbool

Show a tooltip for collapsed avatars.

Defaultfalse

contentalias

Content slot; declare QML child objects directly inside the component.

DefaultAlias: avatarRow.data

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

maxCollapseAvatarsint

Maximum directly visible avatars when collapsing.

Default3

overlapint

Overlap between neighboring avatars in pixels.

Default8

shapestring

Avatar shape.

circle
square

Default"circle"

sizeint

Avatar diameter or side length in pixels.

Default40

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

collapsedCountintRead only

Number of collapsed hidden avatars.

DefaultComputed at runtime

countintRead only

Skeleton instance count or current item count, depending on the component.

DefaultComputed at runtime

Methods

SignaturePurpose

openCollapsed()

Open the collapsed avatar collection.