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