@veams/component-badge
1.0.1 • Public • Published
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
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. |
Package Sidebar
Install
npm i @veams/component-badge
Weekly Downloads