Tag
Props
Component | Type | Description |
---|---|---|
children | React.node | Content of tag |
color | string | Background color from theme |
textColor | string | Text color from theme |
isNotSelected | boolean | Variant for tag, that is not selected |
pointer | boolean | Add cursor pointer |
hover | boolean | Add hoover effect |
opacity | boolean | Set opacity to 0.7 |
border | boolean | Add border |
Palletes
greenWhite, blueBlue, magentaWhite, magentaMagenta, tealTeal
import Tag, { palletes } from '@mailstep-design-system/tag'
const MyTag = () => (
<Tag color={palletes['blueBlue'].color} textColor={palletes['blueBlue'].textColor}>
I am a tag!
</Tag>
)