Skip to content
Primer/Interface guidelines
Design
Interface guidelinesOcticonsPresentationsCommand lineMobileDesktop
Build
CSSReactReact BrandViewComponents
ContributeAbout
On this page

Avatar pair

AvatarPair is composed of two avatars, one larger one and a smaller one, overlaid slightly.
On this page

Usage

An image showing two different avatars, one larger and one smaller, to represent a parent-child combination.

Use AvatarPair to display two avatars when one is secondary to the other.

Options

Avatar pair has two parent-child combinations: the parent as the circle and the child as the square, and vice-versa.

Parent as the circle avatar (human) and child as the square (entity).

Parent as the square avatar (entity) and child as the circle (human).

Related components

Edit this page on GitHub
1 contributoremilybrick
Last edited by emilybrick on December 13, 2022