@hawk-ui/countdown-timer

Installation

To install a component run

$ npm install @hawk-ui/countdown-timer --save

Please import CSS styles via

@import '/path__to__node_modules/@hawk-ui/countdown-timer/dist/index.min.css

Usage

Password Strength

Demo

import CountdownTimer from '@hawk-ui/countdown-timer';

<div style={{ display: 'flex', justifyContent: 'space-around' }}>
  <div>
    <div>Without Circular</div>
    <div style={{ marginTop: '20px' }}>
      <CountdownTimer
        countdown={20}
        id="countdown-number-1"
      />
    </div>
  </div>
  <div>
    <div>With Circular</div>
    <div style={{ marginTop: '20px' }}>
      <CountdownTimer
        variant="circular"
        countdown={20}
        id="countdown-number-2"
      />
    </div>
  </div>
</div>