Ember-button-spark NPM

A replacement for \<button>

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!

{{button-spark "Hello!"}}

Properties

Name	Type	Default	Description
`label`	`string`	`null`	The text inside the button. This can also be set as a positional param (`{{button-spark "Hello!"}}`)
`loading`	`boolean`	`false`	Set this to `true` when performing an async action to show that it's waiting.
`disabled`	`boolean`	`false`	Set this to `true` to prevent the user from being able to click the button.
`loadingComponent`	`string`	`button-spark/loading-indicator`	The name of the component to use for the loading indicator.

Actions

Name	Description
`onClick`	Triggers when the user clicks the button

Block version

You can set an icon for your button using the block version.

{{#button-spark}}
  <svg></svg>
{{/button-spark}}

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.

.button
Styles the button element. When it's loading, the .loading-class is appended to it. If you've set a label, the .has-label-class is appended to it (to distinguish it from icon-only buttons.
Example:
```
.button {
  background-color: red;
}
```
.label
Styles the text inside the button.
Example:
```
.label {
  color: yellow;
}
```

Contributing

Check out the guidelines at http://ember-sparks.com/docs#contribute

ember-addon ember-sparks button

ember-cli-babel ember-css-modules ember-cli-htmlbars postcss-nesting autoprefixer ember-sparks

@infinitebrahmanuniverse/nolb-ember-b @everything-registry/sub-chunk-1573 @zalastax/nolb-ember-b ember-sparks

0.1.0

7 years ago

ember-button-spark v0.1.0