Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/akiran/react-foundation-apps

Foundation Apps components built with React
https://github.com/akiran/react-foundation-apps

Last synced: 19 days ago
JSON representation

Foundation Apps components built with React

Awesome Lists containing this project

README

        

> React Foundation Apps is a react port of Foundation Apps

Foundation Apps is a new framework for building web apps. It has awesome new features like
flexbox based grid, motion-ui, and several core components for building web apps.
But, javascript components of foundation-apps are built with angular.

Try React Foundation Apps, if you want to use react.

React Foundation Apps lets you avail the benefits of both React and Foundation Apps.

Checkout [documentation](http://webrafter.com/opensource/react-foundation-apps)

### Installation

```bash
npm install react-foundation-apps
```
Don't forget to install foundation-apps for css components
```bash
bower install foundation-apps
```

### Usage

Currently, built tools like browserify or webpack are required for using react-foundation-apps.

All the components are in react-foundation-apps/lib.
You can import the required components like so

```javascript
var Accordion = require('react-foundation-apps/lib/accordion');
```

### Example

```javascript
var React = require('react');
var Accordion = require('react-foundation-apps/lib/accordion');

var SampleAccordion = React.createClass({
render: function () {
return (


First item content


Second item content


Third item content


);
}
});

module.exports = SampleAccordion;

```

### Sponsors
If your company likes to sponsor this project, contact me.