Index: third_party/polymer/v0_8/components/paper-slider/README.md |
diff --git a/third_party/polymer/v0_8/components/paper-slider/README.md b/third_party/polymer/v0_8/components/paper-slider/README.md |
new file mode 100644 |
index 0000000000000000000000000000000000000000..fd00cd26db5a073a81f83b3a0610a61db579f2c9 |
--- /dev/null |
+++ b/third_party/polymer/v0_8/components/paper-slider/README.md |
@@ -0,0 +1,69 @@ |
+paper-slider |
+============ |
+ |
+`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. |
+ |
+Example: |
+ |
+```html |
+<paper-slider></paper-slider> |
+``` |
+ |
+Use `min` and `max` to specify the slider range. Default is `0` to `100`. For example: |
+```html |
+<paper-slider min="10" max="200" value="110"></paper-slider> |
+``` |
+ |
+### Styling slider |
+ |
+To change the slider progress bar color: |
+```css |
+paper-slider { |
+ --paper-slider-active-color: #0f9d58; |
+} |
+``` |
+ |
+To change the slider knob color: |
+```css |
+paper-slider { |
+ --paper-slider-knob-color: #0f9d58; |
+} |
+``` |
+ |
+To change the slider pin color: |
+```css |
+paper-slider { |
+ --paper-slider-pin-color: #0f9d58; |
+} |
+``` |
+ |
+To change the slider pin's font color: |
+```css |
+paper-slider { |
+ --paper-slider-pin-font-color: #0f9d58; |
+} |
+``` |
+ |
+To change the slider secondary progress bar color: |
+```css |
+paper-slider { |
+ --paper-slider-secondary-color: #0f9d58; |
+} |
+``` |
+ |
+To change the slider disabled active color: |
+```css |
+paper-slider { |
+ --paper-slider-disabled-active-color: #ccc; |
+} |
+``` |
+ |
+To change the slider disabled secondary progress bar color: |
+```css |
+paper-slider { |
+ --paper-slider-disabled-secondary-color: #ccc; |
+} |
+``` |