A simple badge component with different states (e.g. error, success, notice,...) and flexible content.
veams install component badgeveams -i c badge| Parameter | Type | Value | Description |
|---|---|---|---|
| settings.badgeContextClass | String | default |
Just pass a string |
| settings.badgeClasses | String | Modifier classes |
| Parameter | Type | Description |
|---|---|---|
| content.badgeType | String | Define your badge type (i.e. alert, error, notice, success) |
| content.badgeContent | String | Badge content |
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. |