How to style Meteor.js loginButtons?

Question

The docs specify to use the template {{> loginButtons}} to implement the default login buttons.

What is the best way to apply my own styles to this?<

Answer 1

Create your own html template similar to this below. Style it to your taste.

meteor add accounts-password accounts-ui

You can now call Meteor.loginWithPassword in the template event like so:

Template.login.events({
    'submit .login-form': function(e) {
        e.preventDefault();
        var email = e.target.email.value;
        var password = e.target.password.value;
      Meteor.loginWithPassword(email, password,function(error){
            if(error) {
                //do something if error occurred or 
            }else{
               FlowRouter.go('/');
            }
        });
     }
 });

You can create another form for registration as well.

Just call Accounts.createUser(object, callback);