Skip to content

yasinuslu/chui-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CHUI Components


Finally there is a Mobile UI Framework that plays nicely with meteor after a few tweaks. This package aims to implement those tweaks. Currently there isn't any known important issues. You're welcome to open issues.

A components collection that seamlessly integrates ChocolateChip-UI with meteor.

It's not all, try with different devices (Android, iOS, Windows) to see the real magic of ChocolateChip-UI.


Installation

mrt add chui-components

Components in this package is designed and tested for Iron Router, if you just want to use chui's routing than you probably won't need this package.

Getting Started

Easiest way would be going through the source code of example

You can use following components:

###CHUI_Nav:

{{#CHUI_Nav}}
  <a data-back="{{pathFor 'first'}}" class='button back'>First</a>
  <h1>Second Page</h1>
{{/CHUI_Nav}}

####back class and data-back values is important if you want back animation. Currently we still use forward animation on history.back()

###CHUI_Article:

{{#CHUI_Article}}
  <section>
    <ul class='list'>
      <li data-goto="{{pathFor 'third'}}" class="nav"><a>Third</a></li>
    </ul>
  </section>
{{/CHUI_Article}}

###CHUI_Toolbar:

{{#CHUI_Toolbar}}
  <a class="button foo"></a>
  <a class="button bar"></a>
{{/CHUI_Toolbar}}

You can continue developing your application with Meteor and Iron Router just like always without worrying about chui integration.