Badge

Pack name: seed-badge

Badge component pack for Seed

Contents

Install

npm install seed-badge --save

Dependencies


Example

Badge
<span class="c-badge">
  Badge
</span>

States

Error Info Success Warning
<span class="c-badge is-error">
  Error
</span>
<span class="c-badge is-info">
  Info
</span>
<span class="c-badge is-success">
  Success
</span>
<span class="c-badge is-warning">
  Warning
</span>

Custom colors

You can create custom colored badges by using the .t-bg- based classes from theme packs like seed-helpscout-theme.

Purple Orange Dark green
<span class="c-badge t-bg-purple-500">
  Purple
</span>
<span class="c-badge t-bg-orange-400">
  Orange
</span>
<span class="c-badge t-bg-green-900">
  Dark green
</span>