paper-slider
A Material Design slider
<paper-slider>
Material design: Sliders
paper-slider
allows user to select a value from a range of values by
moving the slider thumb. The interactive nature of the slider makes it a
great choice for settings that reflect intensity levels, such as volume,
brightness, or color saturation.
See: Documentation, Demo.
Usage
Installation
npm install --save @polymer/paper-slider
In an html file
<html>
<head>
<script type="module">
import '@polymer/paper-slider/paper-slider.js';
</script>
</head>
<body>
<paper-slider
value="183"
max="255"
secondary-progress="200"
editable>
</paper-slider>
</body>
</html>
In a Polymer 3 element
import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/paper-slider/paper-slider.js';
class SampleElement extends PolymerElement {
static get template() {
return html`
<paper-slider
value="183"
max="255"
secondary-progress="200"
editable>
</paper-slider>
`;
}
}
customElements.define('sample-element', SampleElement);
Contributing
If you want to send a PR to this element, here are the instructions for running the tests and demo locally:
Installation
git clone https://github.com/PolymerElements/paper-slider
cd paper-slider
npm install
npm install -g polymer-cli
Running the demo locally
polymer serve --npm
open http://127.0.0.1:<port>/demo/
Running the tests
polymer test --npm
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
- Released
- 2018-11-26
- Maturity
- IMPORTED
- License
- Other
Compatibility
- Framework
- Polymer 1.0+
- Polymer 2.0+ in 2.0.9
- Polymer 3.0+ in 3.0.1
- Browser
- Browser Independent
Grid SparklineRenderer Flow - Vaadin Add-on Directory
SprarklineRenderer is an add-on renderer for Grid (Flow).Grid SparklineRenderer Flow version 1.0.0
Initial release
Grid SparklineRenderer Flow version 1.0.2
New rendering mode PNG, you can now choose whether the resulting sparkline is rendered as PNG or SVG.
Grid SparklineRenderer Flow version 1.0.5
Better fix to y-axis range issue
Grid SparklineRenderer Flow version 2.0.0
* Update the component to Vaadin 14.
* Change the license to Apache 2.0
* [Breaking change] Change the package to com.vaadin.componentfactory