Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

About

No description, website, or topics provided.

Resources

Packages

No packages published