Unverified Commit b739cdec authored by gabriellsh's avatar gabriellsh Committed by GitHub
Browse files

feat: Tags and Badges (#167)

parent 26ab2b57
import React from 'react';
import PropTypes from 'prop-types';
import { Tag } from '../..';
export function Badge(props) {
return <Tag round {...props} />;
}
Badge.propTypes = {
variant: PropTypes.oneOf(['secondary', 'primary', 'danger']),
disabled: PropTypes.bool,
};
import { Meta, Preview, Props, Story } from '@storybook/addon-docs/blocks';
import { Badge } from '../..';
<Meta title='Tags & Badges|Badges' parameters={{ jest: ['Button/spec'] }} />
# Badge
Used for mentions.
<Preview>
<Story name='Default'>
<Badge>99</Badge>
</Story>
</Preview>
<Props of={Badge} />
### Primary
<Preview>
<Story name='Primary'>
<Badge variant='primary'>99</Badge>
</Story>
</Preview>
### Danger
<Preview>
<Story name='Danger'>
<Badge variant='danger'>99</Badge>
</Story>
</Preview>
### Disabled
<Preview>
<Story name='Disabled'>
<Badge disabled>99</Badge>
</Story>
</Preview>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment