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>
)