Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

org.webjars.bowergithub.caribouflex:caribou-timer

Package Overview
Dependencies
Maintainers
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

org.webjars.bowergithub.caribouflex:caribou-timer

WebJar for caribou-timer

  • 1.0.0
  • Source
  • Maven
  • Socket score

Version published
Maintainers
1
Source

Published on webcomponents.org

<caribou-timer>

<caribou-timer> is a Polymer 2 element used to display a timer (Android style)

This element allow you to set a default time. This time can be edited with the plus and minus button. Or if the attribute 'input-time' is added, it can be edited with the keyboard and the arrow key.

A maximum and minimum limit can be set Moreover you can set the 'remaining-time' property. If set this property will automatically start the timer, a the specific point according to the whole-time value Example: '

Styling The following custom properties and mixins are available for styling:

Custom propertyDescriptionDefault
--editable-text-colorTime color on the editable field (inputTime=true)#64B5F6
--editable-text-color-disabledTime color on the editable field disabled (inputTime=true)#64B5F6
--non-editable-text-colorTime color on the non editable field (inputTime=false)#64B5F6
--time-button-colorPlus and minus button color#64B5F6
--time-button-color-disabledDisabled plus and disabled minus button color#64B5F6
--time-button-color-hoverPlus and minus button color hover#64B5F6
--circle-line-passed-colorColor of the passed circle line#64B5F6
--circle-line-remaining-colorColor of the remaining circle line#64B5F6
--circle-line-endpoint-fill-colorFill color or the little circle at the edge of the progression line#64B5F6
--circle-line-endpoint-stroke-colorStroke color or the little circle at the edge of the progression line#64B5F6
--button-start-colorButton start color#64B5F6
--button-pause-colorButton pause color#64B5F6
--button-start-color-hoverButton start color on hover#64B5F6
--button-pause-color-hoverButton pause color on hover#64B5F6

Usage

<caribou-timer input-time whole-time="60" max-time-limit="3600" min-time-limit="30"></caribou-timer>

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Running tests from the command line

When in the caribou-timer directory, run polymer test

License

Apache License 2.0

FAQs

Package last updated on 03 Feb 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc