Count

<Count>42</Count>

<span class="stylized-count">42</span>

Skins

<Count skin="alert">42</Count>

Guidelines

Designer Guidelines

• Counts should be no more than two digits.

• Counts are used to indicate the number of items in your cart, saved items in a gallery, times liked, tweeted, rated, reviewed, etc.

• Use the "alert" skin to call particular attention and encourage action.

Accessibility Guidelines

• Users on assistive devices may not have full context for what the count number represents. Consider adding visually hidden text inside of the Count if the context isn't already clear. For instance, if a Count of 4 represents 4 items in the cart, add the visually hidden text " Items" after the number.