dile-countdown-time
Web component to make a countdown of days, hours, minutes and seconds to a date-time.
Instalation
npm install @dile/dile-countdown-time
Important: this component depends on MomentJS. The component by itself does not install the Moment library. You need to install it in your preferred way.
Usage
Import the component.
import '@dile/dile-countdown-time/dile-countdown-time.js';
Use the component.
<dile-countdown-time dateString="31-12-2020 10:00" language="es"></dile-countdown-time>
Properties
- dateString: The dateString property works with the date in "DD-MM-YYYY HH:mm" format.
- language: The language property accepts the languages "en" (default) or "es".
- shape: The shape property accepts the shapes "square" (default) or "circle".
Styling
The following custom properties and mixins are available for styling:
| Custom property | Description | Default |
|---|---|---|
| --dile-countdown-time-shape-color | shape color | #212121 |
| --dile-countdown-time-number-color | number color | #f5f5f5 |
| --dile-countdown-time-word-color | word color | #212121 |