Basis Design System

Installation

npm install --save basis @emotion/core prop-types

Install the fonts that your theme needs. For example, if you are using the default theme:

npm install --save typeface-{montserrat,roboto}

Usage

importReactfrom"react";import{BasisProvider,defaultTheme,Text}from"basis";import"typeface-montserrat";import"typeface-roboto";functionApp(){return(<BasisProvidertheme={defaultTheme}><Text>Hello World</Text></BasisProvider>);}exportdefaultApp;

Developing locally

npm install
npm start

Thanks

• Formidable Labs for creating react-live.
• Ryan Seddon for creating react-frame-component.
• Sharvil Nanavati for providing the basis npm package name.
• Vercel for outstanding deployment experience.

License

MIT