Last updated: August 2017
Chips are a representation of our users and can be shown in standard or expanded states. Standard Chips are circular with the default user image or avatar if set. Expanded Chips show the username and can also show a dismiss icon for removing the user from a group or list.
- Expanded background is
- Username text is 14pt, Proxima Nova Regular,
The order of display is with the rightmost Chip at the top of the stack.
The number of Chips shown in a stack should be dynamically set by the width of the container it lives in. If there are more users than the stack can display a numbered chip is shown with the amount of users remaining.
Chips have a 2px/dp border the same color as the background it is placed on.
The color of the border between chips should match the background. This should NOT be a default white.