| 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 |