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 |