nooitaf/meteor-semantic-ui

[DEPRECATED]

Please use the official semantic:ui-css package --> Semantic UI on Atmosphere

Semantic UI package for meteor

What is this?

This is a wrapper for Semantic UI v1.10.4 for Meteor.

What is Semantic UI?

Semantic is a set of specifications for sharing UI elements between developers. Semantic is also a UI library to make front end development simpler and easier to learn.

http://semantic-ui.com
https://github.com/Semantic-Org/Semantic-UI

Install

meteor add nooitaf:semantic-ui

Using Modules:

Javascript elements (modules) like dropdowns are not active by default. You will have to activate them 'manually' in the template.rendered of event function like:

// dropdown
Template.hello.rendered = function(){
  this.$('.ui.dropdown').dropdown();
}

You might want to consider using Approve / Deny Callbacks.

// modal
Template.hello.events({
  'click .openModal': function () {
    $('#modalView')
      .modal({
        onDeny    : function(){
          console.log('canceled');
          return false;
        },
        onApprove : function() {
          console.log('pressed ok');
        }
      })
      .modal('show')
    ;
  }
});

semantic-ui.com module examples

nooitaf / meteor-semantic-ui