Cat-components

Here are react components, decorators and a function to rendering html with react. All components are build with radium.

How to use it

You can see here to learn how to use components and decorators.

List

Styles

• color
• layout

Components

• alert
• bundle
• button
• calendar
• calendar-table
• loading
• i18n
• icon
• img
• img-zoom
• input
• input-redux
• link
• loading
• menu
• picture-slideshow
• sidebar
• slider
• square
• table
• timeline
• toggle
• wrapper
• video-subtitle

Decorators

• checkFBAPI
• goToAnimation
• timer

Templates

You can use yarn copy to copy the tempalates.

• login
• dashboard

Bin

Use to render HTML with react and nunjucks.

static [config name]

Config

You can use any name, but need to give this name as argument.

• Example:

  module.exports = [{
    component: './lib/components/Index',
    js: 'index',
    name: 'index'
  }];

• options

  • component(required): This is your main component.
  • name(required): The name of html is rendered.
  • root(default: './views'): This is the root folder of views which is your template folder.
  • template(default: './views/template.html'): If you need, you can choose your template in views.
  • props: Give props to your component.
  • You can add any option to your template.

License

MIT © hsuting