Avatars

Overview

A flexible container component for displaying avatar images in an overlapping horizontal arrangement. This block creates a row of avatars with negative spacing to achieve an overlapping effect, commonly used for showing groups of users, contributors, or team members.

Common use cases

• Display team members or contributors in a visually appealing overlapping layout

• Show user groups or participant lists with consistent avatar sizes

• Create engaging visual representations of community or team sections

• Use center or right alignment when adding many avatars depending on your design

Compatible blocks

The following blocks can be nested within this block:

• Avatar image

Block settings

Spacing

Setting	Description	Options
Enable horizontal padding	Adds horizontal padding around the avatars	Checkbox (default: false)
Enable top padding	Adds top padding around the avatars	Checkbox (default: false)
Enable bottom padding	Adds bottom padding around the avatars	Checkbox (default: false)

Layout

Setting	Description	Options
Horizontal alignment	Controls horizontal alignment of the avatars	• Left (default) • Center • Right

Display

Setting	Description	Options
Visibility	Controls when the block is visible	• All (default) • Mobile only • Desktop only