Avatar stack

Composite Data display draft Gen UI part

A group of people as overlapping faces, with an optional count label.

Examples

HTML and CSS

Framework-free reference. Styles live in system/components/avatar-stack.css and read only tokens. Wrap markup in .v-root.

Rendered markup of the anatomy example

Props and slots

The component API. Gen UI JSON uses these names, and the Flutter widget should mirror them.

Props

Prop	Values	Default
`max`	number	4
`placeholders`	number
`label`	string
`size`	xs \| sm \| md	sm

* required.

Slot rules

children: Avatar.

In Gen UI

How VelioBot uses this part. The bot returns JSON; the validator checks it; the renderer draws it.

JSON node

Every node may also carry id, grow, attribution, privateOnly and fallbackText.

Rules that name this part

listitem-leading List item leading: Icon, Avatar, Avatar stack, Image, Checkbox, Radio (and Time in stacked format).

Usage in recipes

6 of the original cards use it. Needed for V1. Priority table

Bot functions: Bill split and payments, Community and PopTonight picks, Email connect, Friend catchups, Friends nearby, Group plans, Meet new people, Occasions and events, Plan day and live ETA, Trips.