nvdnkpr / bobun-ui

Set of UI components based on Backbone Bobun.

Bobun UI

Set of UI components based on Bobun.

Components

Button

var button = new Bobun.UI.Button({
   label: 'My Button'
});
button.set('disabled', true);

IconButton

var iconButton = new Bobun.UI.IconButton({
  label: 'My Icon Button',
  defaultIconClassName: 'icon-list'
});
iconButton.set('processing', true);

Input

var input = new Bobun.UI.Input();
input.on('keyup', function (e) {
  // keyup
});

Label

var label = new Bobun.UI.Label({
  label: 'My text'
});

Select

var select = new Bobun.UI.Select({
   choices: {
     1: 'Yes'
     0: 'No'
   }
});
select.on('change', function (e) {
  // change
});

Modal

var modal = new Bobun.UI.Modal({
   title: 'My title',
   buttons: [...]
});
modal.modal('show');

Dropdown

var dropdown = new Bobun.UI.Dropdown({
  label: 'My dropdown',
  choices: [
     {
        label: 'My choice',
        link: '#'
     }
  ]
});

License

MIT