@veams/component-badge

1.0.1 • Public • Published

npm version Gitter Chat

Badge

Description

A simple badge component with different states (e.g. error, success, notice,...) and flexible content.


Installation

Installation with Veams

veams install component badge
veams -i c badge

Fields

badge.hbs

Settings

Parameter Type Value Description
settings.badgeContextClass String default Just pass a string
settings.badgeClasses String Modifier classes

Content

Parameter Type Description
content.badgeType String Define your badge type (i.e. alert, error, notice, success)
content.badgeContent String Badge content

Sass Options

There are global variables which you can change:

Variable Value Description
$badge-color-alert: #fff6bf !default Background color of alert badge.
$badge-color-error: #fbe3e4 !default Background color of error badge.
$badge-color-notice: #e5edf8 !default Background color of notice badge.
$badge-color-success: #e6efc2 !default Background color of success badge.

Readme

Keywords

Package Sidebar

Install

npm i @veams/component-badge

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

6.92 kB

Total Files

9

Last publish

Collaborators

  • andy-gutsche
  • sebastian-fitzner