0.1.0 • Published 7 years ago

ember-toggle-spark v0.1.0

Weekly downloads
2
License
MIT
Repository
github
Last release
7 years ago

{{toggle-spark}}

My cool Ember Spark! Edit this text in the README.md

http://ember-sparks.com/


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

NameTypeDefaultDescription
onbooleanfalseDetermines whether the toggle in on (true) or off (false)
disabledbooleanfalseDetermines whether the user can interact with the toggle or not.

Actions

NameDescription
onChangeTriggers 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 and border-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