Ember async buttons with loading indicators
MIT License
An Ember button component addon for Asynchronous actions with loading indicators.
Heavily inspired by this Ladda Buttons
ember install ember-loading-button
With Default Loading indicator
{{#loading-button
transition="expand-left"
action=(action 'promiseAction')}}
Submit
{{/loading-button}}
With an optional loading indicator
{{#loading-button
loaderStyle="bars"
transition="expand-right"
action=(action 'promiseAction')}}
Submit
{{/loading-button}}
With customClass to override the styles
{{#loading-button
transition="expand-down"
customClass="btn-warning"
action=(action 'promiseAction') }}
Submit
{{/loading-button}}
The style for the loading indicator which indicates how and where the loader is placed within the button.
List of available styles:
Closure action parameter to execute when the button is clicked , will be returning a Promise based on which the button states are derived and the UI is rendered.
This will get the name of the custom class name with which you want to override your button styles.
Various size options for the button
List of available sizes:
The type of loader you want to choose from:
See the Contributing guide for details.
This project is licensed under the MIT License.