@hawk-ui/pill - npm explorer

npm install @hawk-ui/pill

Installation

#### To install a component run
$ npm install @hawk-ui/pill --save

#### Please import CSS styles via
``scss noeditor @import '/path__to__node_modules/@hawk-ui/pill/dist/index.min.css`

`Usage`

#### Pill: Demo`js static import Pill from '@hawk-ui/pill';``js


  
    Default
  
      variant="tab"
  >
    Inactive
  
      variant="tab"
    icon="fa fa-file"
    isActive
  >
    Active
  
      variant="counter"
  >
    10
  
      variant="step"
    stepIndex="1"
  >
    Inactive Pill
  
      variant="step"
    stepIndex="1"
    isActive
  >
    Active Pill
  
      variant="step"
    icon="fa fa-file"
    iconPlacement="right"
    isActive
    onClick={(e) => { alert('Click on Actionable tag'); }}
    isHover
  >
    Clickable

npm install @hawk-ui/pill

Installation

#### To install a component run
$ npm install @hawk-ui/pill --save

#### Please import CSS styles via
``scss noeditor @import '/path__to__node_modules/@hawk-ui/pill/dist/index.min.css`

`Usage`

#### Pill: Demo`js static import Pill from '@hawk-ui/pill';``js


  
    Default
  
      variant="tab"
  >
    Inactive
  
      variant="tab"
    icon="fa fa-file"
    isActive
  >
    Active
  
      variant="counter"
  >
    10
  
      variant="step"
    stepIndex="1"
  >
    Inactive Pill
  
      variant="step"
    stepIndex="1"
    isActive
  >
    Active Pill
  
      variant="step"
    icon="fa fa-file"
    iconPlacement="right"
    isActive
    onClick={(e) => { alert('Click on Actionable tag'); }}
    isHover
  >
    Clickable