nooitaf:semantic-ui

Semantic UI package for meteor

What is this?

This is a wrapper for Semantic UI v1.9.3 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:

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

You might want to consider using Approve / Deny Callbacks.

1// modal
2Template.hello.events({
3  'click .openModal': function () {
4    $('#modalView')
5      .modal({
6        onDeny    : function(){
7          console.log('canceled');
8          return false;
9        },
10        onApprove : function() {
11          console.log('pressed ok');
12        }
13      })
14      .modal('show')
15    ;
16  }
17});

semantic-ui.com module examples

---