Badge
Small count and labeling component to highlight any information to a user. Could contain text or numbers.
Usage
import { RBadge } from '@rebilly/revel';
<r-badge>Yesterday</r-badge>;
Colors
A badge could have a type that changes its background color and slighlty the shape. You can use this prop to show differet status of your data.
Acceptable values are: default, positive, negative, warning, info, tag, tag-secondary.
DefaultPositiveNegativeWarningInfoTagTag secondary
| Name | Type | Default | Description |
|---|---|---|---|
| type | string | 'default' | Changes background color |
| close | boolean | false | Show optional close button |
| Name | Description |
|---|---|
| default | Badge content |
| Name | Description |
|---|---|
| click | |
| close |