Displays a badge.
Displays a badge.
<div id="badges"></div>
import {render} from 'react-dom';
import React from 'react';
import Badge from '@jetbrains/ring-ui/components/badge/badge';
import Group from '@jetbrains/ring-ui/components/group/group';
const renderBadgeDemo = () => (
<Group>
<Badge>simple</Badge>
<Badge gray>gray</Badge>
<Badge valid>valid</Badge>
<Badge invalid>invalid</Badge>
<Badge disabled>disabled</Badge>
</Group>
);
render(renderBadgeDemo(), document.getElementById('badges'));