@mailstep-design-system/tag

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