@zendeskgarden/css-avatars

This component contains basic .c-avatar component styling.

Installation

npm install @zendeskgarden/css-avatars

Usage

Once installed, avatar CSS can be accessed via postcss-import.

@import '@zendeskgarden/css-avatars';

Use avatar CSS to style user and system images.

<figure class="c-avatar">
  <img alt="user avatar" src="images/user.png" />
</figure>

<figure class="c-avatar c-avatar--system">
  <img alt="system avatar" src="images/system.png" />
</figure>

Modifications

Avatar classes can be used to indicate state. See http://zendeskgarden.github.io/css-components/?path=/story/components-avatars for various modification classes.