# Θ AvatarBar

Collection: A grouping for design convenience for display in the bar component. The bar component can have different background surfaces (colors) so we don't include a surface here. See the [Bar - Structure](https://able.bucca.com/core/components/content-bar) documentation to learn more about what goes into a Bar.

[Styleguide Link](https://zpl.io/aXyGkBK)

* Parent: Multiple
* Child: [Avatar](https://able.bucca.com/core/overview/avatar)

## Properties

<figure><img src="https://217329376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXJWCEk7b7vvAFeWpr2%2Fuploads%2FHdq6ZusgoXZ2dbZhghSL%2FAvatar%20Bar.png?alt=media&#x26;token=c245f5a4-acfd-41a8-ac3d-8e230674e79c" alt=""><figcaption></figcaption></figure>

### Size

* Small
* Medium
* Large
* XLarge

### Scrollable

**On** - The horizontal listing of avatars scrolls off the right side of the screen and can be side-scrolled to reveal additional avatars

**Off** - The width of the bar is locked to the width of the screen and additional avatars wrap to the next row.

### Caption

**On** - The wording below the avatars is present

**Off** - No wording is displayed below the avatar