Avatar Rail
A rail containing 0 or more Avatars that can be scrolled horizontally.
Figma Link
- Web Components
- Flutter
Demo
zeta-web v1.4.0
Web Components
Storybook
https://design.zebra.com/web/storybook/?path=/docs/components-avatar-rail--docs
Slots
| Name | Description | Type |
|---|---|---|
| default | The avatars to be displayed in the rail. | zeta-avatar-rail[] |
Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| show-close | Shows the close icon on all avatars in the rail. This will be overridden by the individual avatar's show-close attribute.When clicked, an avatar-close event will be fired which can be listened to by adding a listener for the avatar-close event on the rail. | boolean | false |
| size | The size of the avatars in the rail. This will be overridden by the individual avatar's size attribute. | 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl' | undefined | undefined |
Flutter component not available yet