OLD | NEW |
1 paper-toggle-button | 1 paper-toggle-button |
2 =================== | 2 =================== |
3 | 3 |
4 `paper-toggle-button` provides a ON/OFF switch that user can toggle the state | 4 `paper-toggle-button` provides a ON/OFF switch that user can toggle the state |
5 by tapping or by dragging the swtich. | 5 by tapping or by dragging the swtich. |
6 | 6 |
7 Example: | 7 Example: |
8 | 8 |
9 ```html | 9 ```html |
10 <paper-toggle-button></paper-toggle-button> | 10 <paper-toggle-button></paper-toggle-button> |
11 ``` | 11 ``` |
12 | 12 |
13 Styling toggle-button: | 13 Styling toggle-button: |
14 | 14 |
15 ```html | 15 ```html |
16 <style is="custom-style"> | 16 <style is="custom-style"> |
17 * { | 17 * { |
18 --paper-toggle-button-unchecked-bar-color: #FF4081; | 18 --paper-toggle-button-unchecked-bar-color: #FF4081; |
19 --paper-toggle-button-unchecked-button-color: #9c27b0; | 19 --paper-toggle-button-unchecked-button-color: #9c27b0; |
20 --paper-toggle-button-unchecked-ink-color: #009688; | 20 --paper-toggle-button-unchecked-ink-color: #009688; |
21 --paper-toggle-button-checked-bar-color: #5677fc; | 21 --paper-toggle-button-checked-bar-color: #5677fc; |
22 --paper-toggle-button-checked-button-color: #ff4081; | 22 --paper-toggle-button-checked-button-color: #ff4081; |
23 --paper-toggle-button-checked-ink-color: #ff4081; | 23 --paper-toggle-button-checked-ink-color: #ff4081; |
24 } | 24 } |
25 </style> | 25 </style> |
26 ``` | 26 ``` |
OLD | NEW |