@mailstep-design-system/tag
TypeScript icon, indicating that this package has built-in type declarations

0.0.5 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i @mailstep-design-system/tag

Weekly Downloads

9

Version

0.0.5

License

ISC

Unpacked Size

258 kB

Total Files

104

Last publish

Collaborators

  • michalkerechanyn
  • jan.jarcik.mailship