Avatar

Pack name: seed-avatar

Avatar component pack for Seed

Contents

Install

npm install seed-avatar --save

Dependencies


Example

<div class="c-avatar">
  <img src="/images/styleguide/seed.png" class="c-avatar__image">
</div>

Modifiers

Rounded

<div class="c-avatar c-avatar--rounded">
  <img src="/images/styleguide/seed.png" class="c-avatar__image">
</div>

Sizes

All of the following sizes support responsive modifiers.

Extra small

<div class="c-avatar c-avatar--xs">
  <img src="/images/styleguide/seed.png" class="c-avatar__image">
</div>

Small

<div class="c-avatar c-avatar--sm">
  <img src="/images/styleguide/seed.png" class="c-avatar__image">
</div>

Medium

<div class="c-avatar c-avatar--md">
  <img src="/images/styleguide/seed.png" class="c-avatar__image">
</div>

Large

<div class="c-avatar c-avatar--lg">
  <img src="/images/styleguide/seed.png" class="c-avatar__image">
</div>