ember-toggle-spark v0.1.0
{{toggle-spark}}
My cool Ember Spark! Edit this text in the README.md
Installation and usage
Install the Ember Sparks addon (this component is part of the standard library):
ember install ember-sparksNow restart your Ember app and drop the component in there!
{{toggle-spark}}Properties
| Name | Type | Default | Description |
|---|---|---|---|
on | boolean | false | Determines whether the toggle in on (true) or off (false) |
disabled | boolean | false | Determines whether the user can interact with the toggle or not. |
Actions
| Name | Description |
|---|---|
onChange | Triggers when the user clicks the toggle. |
Theming
To see these examples in action, check out the interactive documentation.
Important! All classes are local in order to avoid naming collisions and unintended CSS side effects. To understand how to style them, check out the Ember Sparks documentation.
.toggleThe container for the toggle. This is where you should set the basic styling that "trickles down" such as
height,widthandborder-radius.Example:
.toggle { width: 37px; height: 40px; border-radius: 9px; }.highlightThe color of the "on"-highlighting.
Example:
.highlight { background-color: red; }.switchUsed to style the actual switch that moves inside the toggle.
Example:
.switch { width: 10px; height: 10px; }
Contributing
Check out the guidelines at http://ember-sparks.com/docs#contribute
9 years ago