diff --git a/README.md b/README.md index 227868e..c8e7a12 100644 --- a/README.md +++ b/README.md @@ -71,13 +71,13 @@ Vue.component('ToggleButton', ToggleButton) | speed | Number | 300 | Transition time for the animation | | disabled | Boolean | false | Button does not react on mouse events | | color | [String, Object] | `#75C791` | If `String` - color of the button when checked
If `Object` - colors for the button when checked/unchecked or disabled
Example: `{checked: '#00FF00', unchecked: '#FF0000', disabled: '#CCCCCC'}` | -| cssColors | Boolean | false | If `true` - deactivates the setting of colors through inline styles in favor of using CSS styling | +| css-colors | Boolean | false | If `true` - deactivates the setting of colors through inline styles in favor of using CSS styling | | labels | [Boolean, Object] | false | If `Boolean` - shows/hides default labels ("on" and "off")
If `Object` - sets custom labels for both states.
Example: `{checked: 'Foo', unchecked: 'Bar'}` | -| switchColor | [String, Object] | `#BFCBD9` | If `String` - color or background property of the switch when checked
If `Object` - colors or background property for the switch when checked/uncheked
Example: `{checked: '#25EF02', unchecked: 'linear-gradient(red, yellow)'}` | +| switch-color | [String, Object] | `#BFCBD9` | If `String` - color or background property of the switch when checked
If `Object` - colors or background property for the switch when checked/uncheked
Example: `{checked: '#25EF02', unchecked: 'linear-gradient(red, yellow)'}` | | width | Number | 50 | Width of the button | | height | Number | 22 | Height of the button | | name | String | undefined | Name to attach to the generated input field | -| fontSize | Number | undefined | Font size | +| font-size | Number | undefined | Font size | ### Events