Unverified Commit 50a074bc authored by Guilherme Gazzo's avatar Guilherme Gazzo Committed by GitHub
Browse files

fix: Improve tag/badge style (#173)

parent b82b0580
......@@ -6,12 +6,14 @@ import { Box } from '../..';
export function Tag({
variant = 'secondary',
disabled,
textStyle = 'micro',
round,
onClick,
...props
}) {
return <Box
is='div'
textStyle={textStyle}
componentClassName='rcx-tag'
mod-secondary={variant === 'secondary'}
mod-primary={variant === 'primary'}
......@@ -25,6 +27,10 @@ export function Tag({
}
Tag.propTypes = {
textStyle: PropTypes.oneOf([
'h1', 's1', 's2', 'p1', 'p2', 'c1', 'c2', 'micro', 'mono',
'headline', 'subtitle', 'paragraph', 'caption',
]),
variant: PropTypes.oneOf(['secondary', 'primary', 'danger']),
round: PropTypes.bool,
disabled: PropTypes.bool,
......
......@@ -11,8 +11,6 @@
border-radius: $spaces-x4;
@include use-text-style(micro);
&--secondary {
color: $colors-b500;
background-color: $colors-b100;
......
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