Service for managing the state of the application. By default, to display application states, the states in Form Semantic UI are used.

Usage example

1. Add a service to the application controller.

// app/controllers/application.js
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

export default Controller.extend({
  appState: service(),
});

2. Use the application state in the template.

<div class="ui  form">
  
</div>

3. Use the service in another controller (or component).

// app/controllers/my-controller.js
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

export default Controller.extend({
  appState: service(),

  actions: {
    load() {
      this.get('appState').loading();
      this.load().finally(() => {
        this.get('appState').reset();
      });
    },
  },
});