React-Ribbon

React-Ribbon is a set of React components that implement partial specification of Microsoft's Windows Ribbon Framework.

Here is the Demo.

Dependencies

• react: ^15.3.2
• react-dom: ^15.3.2
• classnames: ^2.2.5
• visionmedia-debug: ^2.2.0

Installation

1. Install package via npm

   • Install

       npm install --save https://github.com/yiskang/react-ribbon.git

   • Import module in your code

       import ReactRibbon from 'react-ribbon';
     
       //OR
     
       var ReactRibbon = requrie( 'react-ribbon' );

2. Install package via bower

   • Install

   bower install --save https://github.com/yiskang/react-ribbon.git

   • Add module in your code

   <script type="text/javascript" src="{module_dir}/dist/bundle.js" />
   <link rel="stylesheet" type="text/css" href="{module_dir}/dist/bundle.css" />

   // Access library from global
   
   // Ribbon component data
   ReactRibbon.Data
   
   // Ribbon component
   ReactRibbon.*

Development

1. Install global node tools

npm install -g gulp-cli

2. Clone repository

git clone https://github.com/yiskang/react-ribbon.git

3. Install dependencies of node package.

npm install

4. Install dependencies of bower package.

bower install

5. Run dev server

gulp

Written by

Written by Yi-Sheng Kang

License

See the LICENSE file for license rights and limitations (MIT).