fain

React components based on bootstrap 4 using CSS modules

Install

To use these components you need to include this module as part of your ES6 transformations.

1. npm install fain --save
2. Include this package as part of your ES6 transformations

// webpack.config.js

module.exports = {
  // ...
  loaders: [
    {
      test: \/.jsx?$/,
      exclude: /node_modules\/(?!fain)/,
      loader: 'babel',
    },
  ],
  //...
};

Example

import React, { PropTypes } from 'react';

import { Button } from 'fain/components/buttons';
import { Column, Container, Row } from 'fain/components/layout';

function Root() {
  render() {
    return (
      <Container>
        <Row>
          <Column smallSize={8}>
            <Button outline primary>Sign In</Button>
          </Column>
        </Row>
      </Container>
    );
  }
}

export default Root;