Installation

To install a component run

$ npm install @zenequityui/tag --save

Please import CSS styles via

@import '/path__to__node_modules/@zenequityui/tag/dist/index.min.css

Usage

Tag

import { Tag } from "./src/index.js";

Right and Left icon position

<div style={{ display: "flex" }}>
  <div style={{ marginRight: '20px' }}>
    <Tag
      children={<span>Active</span>}
      icon="fas fa-times"
      isIconHoverable
      onClick={(e) => {
        console.log(e);
      }}
    />
  </div>
  <div style={{ marginRight: '20px' }}>
    <Tag
      children={<span>In Active</span>}
      variant="in-active"
      onClick={(e) => {
        console.log(e);
      }}
      position="left"
    />
  </div>
</div>

Disabled tag

<div style={{ display: "flex" }}>
  <Tag
    children={<span>Active</span>}
    icon="fas fa-times"
    onClick={(e) => {
      console.log(e);
    }}
    isDisabled
  />
</div>