react-foundation-apps

WebJar for react-foundation-apps

License

License

MIT
Categories

Categories

React User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

react-foundation-apps
Last Version

Last Version

0.6.0
Release Date

Release Date

Type

Type

jar
Description

Description

react-foundation-apps
WebJar for react-foundation-apps
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

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

Download react-foundation-apps

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/react-foundation-apps/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>react-foundation-apps</artifactId>
    <version>0.6.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/react-foundation-apps/
implementation 'org.webjars.bower:react-foundation-apps:0.6.0'
// https://jarcasting.com/artifacts/org.webjars.bower/react-foundation-apps/
implementation ("org.webjars.bower:react-foundation-apps:0.6.0")
'org.webjars.bower:react-foundation-apps:jar:0.6.0'
<dependency org="org.webjars.bower" name="react-foundation-apps" rev="0.6.0">
  <artifact name="react-foundation-apps" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='react-foundation-apps', version='0.6.0')
)
libraryDependencies += "org.webjars.bower" % "react-foundation-apps" % "0.6.0"
[org.webjars.bower/react-foundation-apps "0.6.0"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bower : foundation-apps jar [1.0.0,2)

Project Modules

There are no modules declared in this project.

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

Installation

  npm install react-foundation-apps

Don't forget to install foundation-apps for css components

  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

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

Example

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

var SampleAccordion = React.createClass({
  render: function () {
    return (
      <Accordion>
        <Accordion.Item title='First item title'>
           First item content
        </Accordion.Item>
        <Accordion.Item title='Second item title'>
          Second item content
        </Accordion.Item>
        <Accordion.Item title='Third item title'>
          Third item content
        </Accordion.Item>
      </Accordion>
    );
  }
});

module.exports = SampleAccordion;

Sponsors

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

Versions

Version
0.6.0