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-sparks
Now 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.
.toggle
The container for the toggle. This is where you should set the basic styling that "trickles down" such as
height
,width
andborder-radius
.Example:
.toggle { width: 37px; height: 40px; border-radius: 9px; }
.highlight
The color of the "on"-highlighting.
Example:
.highlight { background-color: red; }
.switch
Used 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
7 years ago