Fulcrum Design System

Fulcrum is a design system, offering a range of visual components and interactions to assemble applications with.

@upgrowth/react-fulcrum is a library which implements Fuclrum components as React components, and provides a styling system you can customise for you applications

Getting started

npm install @upgrowth/react-fulcrum
yarn add @upgrowth/react-fulcrum

Usage

You can view the individual components at the Documentation site

Styles

This library comes with SCSS styles, which you can include in your app and override default variables to quickly apply your desired styles to the default components. See defaults.scss for the basic variables to override.

To import the sass into your app, in your base sass file

@import "../node_modules/@upgrowth/react-fulcrum/lib/index.scss";
@import ...

 

$primary: #ADFF34; // override any variables you want to customise
 

#yourstyles {
  ...
}
 
...

Fulcrum & react-fulcrum are brought to you by Upgrowth - enjoy 🎉! Licensed under MIT, copyright 2018 Upgrowth Pty Ltd