anim.js

// actionbutton/index.js
var template           = require('./template.html');
var View               = require('view');
var NextView           = require('next-view');
var SpinnerAnimation   = require('spinner-animation');
var resource           = require('resource');
var animation          = require('animation');

var ActionButton = View.create()
  .use(View.compiler(template))
  .use(animation())
  .scope(function(scope) {
    scope.records = [];
  });

// Button is pressed.
ActionButton.prototype.click = function(event) {
  var self = this;

  // Initialize a new animation:
  this.animation('loading', new Spinner()).begin();

  // Load a resource (ajax)
  resource('name').all(function(err, records) {
    // Stop the animation:
    self.animation('loading').stop();

    // Update the scope:
    self.scope.swap('records', records);

    // Mount the next component.
    self.component('next', new NextView()).mount();
  });
};

template.html

// actionbutton/template.html
<button class="ui button" data-click="click">
  ActionButton
</button>

<span data-animation="loading"></span>
<span data-component="next"></span>