NOTE: This is an old UI library for the legacy Rails app. It is no longer actively maintained.

Molecules

Hireology's component library

Installation

Molecules is available as an npm package.

npm i @hireology/molecules --save

or if you prefer Yarn

yarn add @hireology/molecules

Usage

import { Button } from '@hireology/molecules';
import '@hireology/molecules/dist/molecules.css';

ReactDOM.render(<Button>Button</Button>, mountNode);

NOTE: molecules assumes you already have Font Awesome available in your project.

Testing

Run tests locally: npm run test
Run test coverage: npm run test-coverage

Expected Component Directory Structure

When you add a new component, it should follow the below directory structure:

/NewComponent
  index.js                 - export default from NewComponent.jsx
  NewComponent.jsx         - component code
  NewComponent-test.jsx    - test file
  newComponent.scss        - stylesheet