1.0.1 • Published 6 years ago
@veams/component-badge v1.0.1
Badge
Description
A simple badge component with different states (e.g. error, success, notice,...) and flexible content.
Installation
Installation with Veams
veams install component badgeveams -i c badgeFields
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. |