A collection of React components used to rapidly prototype new ideas
Harvest Profit UI Components
A collection of React components used by Harvest Profit to rapidly prototype new ideas without re-inventing the wheel.
Installation
You can install this via NPM:
npm install harvest-profit-ui
Or Yarn:
yarn add harvest-profit-ui
Usage
Javascript
Each component is actually exported from the main package, so you would simply do
the following:
import { Button, InputString } from 'harvest-profit-ui';
Styles
You will need something to compile SASS, like webpack with sass-loader.
Styles are SCSS files contained separately from the code. You'll have to import those yourself, either in a SASS file, like so:
// Import from the node modules directory directly
@import './node_modules/harvest-profit-ui/scss/index';
// Import after setting up webpack (or other build method) with node_modules included
@import 'harvest-profit-ui/scss/index';
Or you can require it in a bundled Javascript file (when using webpack or other build tool with SASS):
// Using ES6 "import"
import 'harvest-profit-ui/scss/index.scss';
// Using "require" syntax
require('harvest-profit-ui/scss/index.scss');
You can overwrite the default variables by looking at the _variables.scss file, and creating the variables ahead of time, when using your own SCSS file:
/* my-styles.scss */
// Define "blue" before the import
$blue: #3d87bf;
// Anything "blue" will use the new "blue"
@import 'harvest-profit-ui/scss/index';