AvatarStack

A component that represents multiple avatars (name and profile picture) for users, subject to their privacy settings.

Usage

import ForgeUI, { AvatarStack } from 'forge/ui';

Props

Name	Type	Required	Description
`children`	`Array<Avatar>`	Yes	The Atlassian account IDs for the users whose avatars are displayed in the AvatarStack. See Avatar for further details on the props.

Example

A simple stack of seven avatars using the Avatar component.

import ForgeUI, {render, AvatarStack, Avatar} from '@forge/ui';

const App = () => {
    return (
        <AvatarStack>
            <Avatar accountId="5a1234bc8d12345e3f1g11hi"/>
            <Avatar accountId="2a98a42dbc7ab42e12ee360d"/>
            <Avatar accountId="5d8732lq8jg85a0e3f1g90as"/>
            <Avatar accountId="2h98a10dbl5ab93e62hja23z"/>
            <Avatar accountId="7b20f0bc2d05325e3f1g43ty"/>
            <Avatar accountId="2p72s42dbc7ab42e90gf252d"/>
            <Avatar accountId="2l01x78mf4pqw42e84fg40ad"/>
        </AvatarStack>
    );
};

export const run = render (<App/>);

Forge Developer

Forge Developer

AvatarStack

Usage

Props

Example

Preview