peerlibrary / meteor-blaze-components

Reusable components for Blaze
http://components.meteorapp.com/
BSD 3-Clause "New" or "Revised" License
354 stars 26 forks source link

about to release a material-design library #95

Closed pixelass closed 8 years ago

pixelass commented 9 years ago

I am about to release a library completely written in ES2015 using your components. (I mentioned this before) You can see a production usage here https://codefights.com

I created two libraries, one of which will be open-sourced either today or within this week.

Does this help you in any way?

mitar commented 9 years ago

That sounds great. I am just currently using materialize + Blaze Components myself. It works pretty well, but my issue is that it is unclear how to change color scheme of material-design based components. Not sure how you solved that in your case.

Does this help you in any way?

In which sense? It will probably help me in my projects. ;-)

mitar commented 9 years ago

BTW, I am also working on the voting app.

pixelass commented 9 years ago

the first release will be an alpha. I wrote it for our relaunch so it is just a first implementation.

Right now there are no "real styling options" while I am trying to make it very similar to polymer, so the next version will introduce a lot of changes.

As soon as this is released I will do a complete rewrite, now that I know a lot more about your library and meteor.

You mentioned it would be nice to have here: https://github.com/peerlibrary/meteor-blaze-components/issues/64

That's why I am asking if it would help in any way.

In my case the components look something like below:
(renders a paper-button with ripples and all the polymer options)

<template name="someThing"
{{#PaperButton className="funky-color" 
               eventHook="awesome"}} 
   click me please
{{/PaperButton}}
{{#PaperButton className="funky-color"
               noink="true"
               raised="true"
               toggles="true"
               eventHook="superAwesome"}} 
   click me please
{{/PaperButton}}
</template>
paper-button.funky-color {
  background: pink;
}
Template.someThing.events({
  'click [event-hook=awesome]': function(event, instance) {
    console.log('hey you clicked me... awesome');
  },
 'click [event-hook=superAwesome]': function(event, instance) {
    console.log('hey you clicked me... super awesome');
  }
});
paperbutton
mitar commented 9 years ago

Yea, examples are great. :-) Cool, I am looking forward to see your stuff.

pixelass commented 9 years ago

The release should be up in a few hours.

The demo page is already deployed and shows "some" examples. Not all components are listed though

http://blaze-material-ui.meteor.com/

mitar commented 9 years ago

Looks amazing!

pixelass commented 9 years ago

now available... feedback welcome: https://github.com/Code-Fights/blaze-material-ui

mitar commented 9 years ago

Great, it is seen in http://components-explorer.meteor.com/ as well. I will have to remove old versions though there.