rfs

react-foundation-sites-6

React Components for Foundation for Sites 6

Showing:

Popularity

Downloads/wk

0

Maintenance

No Maintenance Data Available

Package

Dependencies

6

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

React Components for Foundation for Sites 6

Foundation for Sites Javascript components built with React.

Disclaimer

The project is at very early stage and API is not stable yet. Please, use at your own discretion.

Currently Implemented Components

  • Accordion
  • Tabs

Installation

npm i react-foundation-sites-6

In addition, Foundation for Sites 6 styles must be included into a project.

Example

An example appilcation has been built in dist -folder. It includes currently implemented components as follows:

import React from 'react';
import Accordion from 'react-foundation-sites-6/lib/accordion/Accordion';
import AccordionItem from 'react-foundation-sites-6/lib/accordion/AccordionItem';
import Tabs from 'react-foundation-sites-6/lib/tabs/Tabs';
import Tab from 'react-foundation-sites-6/lib/tabs/Tab';


let Example = (props) => (
  <div id="example">
    <Tabs>
      <Tab title="Accordion tab">
        <Accordion multiExpand={false} allowAllClosed={false}>
          <AccordionItem title='Title 1'>
            Content 1
          </AccordionItem>
          <AccordionItem title='Title 2' active={false}>
            Content 2
          </AccordionItem>
          <AccordionItem title='Title 3'>
            Content 3
          </AccordionItem>
        </Accordion>
      </Tab>
      <Tab title="Another tab">
        Another tab
      </Tab>
    </Tabs>
  </div>
);

export default Example;

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial