Parâmetros que você pode passar

ParâmetroTipo de DadoDescrição
namestringNome do elemento a ser usado em um formulário.
idstringID do elemento botão
class_namestringAqui você pode adicionar sua própria classe (além das classes do sistema)
blueboolPasse true se você precisar de um botão azul (ele é cinza por padrão).

Ele suporta múltiplos estados ao disparar eventos jQuery em um elemento botão element with the .button-input com a classe.

var $button = $('.button-input');

// Inicia a rotação do carregador no botão
// Geralmente é chamado antes de fazer uma requisição Ajax
$button.trigger('button:load:start');

// Interrompe o comportamento acima
$button.trigger('button:load:stop');

// Ativa o botão se houver mudanças no formulário
$button.trigger('button:save:enable');

// Ativa o botão se não houver mudanças no formulário
$button.trigger('button:save:disable');

Botão padrão

  self.render({ ref: '/tmpl/controls/button.twig' }, {
    name: 'botão',
    text: 'botão padrão'
  });

Active button

There should be just one active button on the interface, usually this is a button to save the active form.

 self.render({ ref: '/tmpl/controls/button.twig' }, {
    name: 'botão',
    text: 'Salvar',
    blue: true
  });