githubEdit

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:

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

Last updated

Was this helpful?