granite-countdown
A simple countdown element
[ This description is mirrored from README.md at github.com/LostInBrittany/granite-countdown on 2019-05-22 ]
granite-countdown
A simple countdown element
Polymer 1.6 ready
Doc & demo
https://lostinbrittany.github.io/granite-countdown
Usage example
<granite-countdown value="42" digits="4" label="Time to go"></granite-countdown>
Install
Install the component using Bower:
$ bower install LostInBrittany/granite-countdown --save
Or download as ZIP.## Usage
Import Web Components' polyfill (if needed):
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
Import Custom Element:
<link rel="import" href="bower_components/granite-countdown/granite-countdown.html">
Start using it!
<granite-countdown value="42" digits="4" label="Time to go"></granite-countdown>
The following custom properties and mixins are also available for styling:
Custom property | Description | Default |
---|---|---|
--granite-countdown-digits |
Mixin applied to the digits | {} |
Attributes
Attribute | Type | Default | Description |
---|---|---|---|
value |
Number | 0 |
The current value of the countdown |
digits |
Number | 4 |
The number of digits to display |
value
must be a positive integer number, and it must fit into digits
digits.
digits
must be a positive integer value (of a reasonable size)
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
License
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- polymer#Polymer/polymer#^1.5.0
- Released
- 2016-11-05
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 1.0+
- Browser
- Browser Independent