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