Version:

Install ​

shell
npm i @mate-react/badge

Import ​

tsx
import { MateBadge } from '@mate-react/badge';

Variants ​

Default ​

tsx
<MateBadge>Badge</MateBadge>

Success ​

tsx
<MateBadge theme="success">Success</MateBadge>

Error ​

tsx
<MateBadge theme="error">Error</MateBadge>

Warning ​

tsx
<MateBadge theme="warning">Warning</MateBadge>

Neutral ​

tsx
<MateBadge theme="neutral">Neutral</MateBadge>

Contrast ​

tsx
<MateBadge theme="contrast">Contrast</MateBadge>

Small ​

tsx
<MateBadge theme="small">Small</MateBadge>

Pill ​

tsx
<MateBadge theme="pill">Pill</MateBadge>