The block renders one clickable badge made of two parts, side by side (or stacked, depending on text alignment):
- An avatar stack — up to five images, each cropped into an 80×80 circle and layered so they overlap slightly, like a stack of profile photos or brand logo bubbles.
- A text label next to the stack (defaults to “10+ BRANDS”).
The whole thing — stack and text together — is one <a> link, so clicking anywhere on the badge (the images or the text) follows the same URL. This makes it a compact, glanceable trust/social-proof element rather than a bio callout: think “as stocked by these 10+ brands” or “over 500 five-star reviews” sitting next to a heading, rather than a founder photo with a name underneath.
- Link: Where the entire badge (images + text) links to when clicked — e.g. a brands/partners page, a reviews page, or an about/press page.
- Button text: The label shown beside the avatar stack. This is also used as the link’s accessible name for screen readers (see Accessibility below), so it should always describe what the badge represents, not just decorative copy.
- Brand image: Up to five individual images, each rendered as one circle in the stack. You don’t need to fill all five — the block only renders however many you provide (see “Partial and empty states” below).
- Text align: Controls the alignment of the whole badge (avatar stack + text together) within its container — this is a layout/alignment setting for the block as a whole, not independent alignment of the text versus the images.
