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

import React from "react";
import { BasisProvider, defaultTheme, Text } from "basis";
import "typeface-montserrat";
import "typeface-roboto";

function App() {
  return (
    <BasisProvider theme={defaultTheme}>
      <Text>Hello World</Text>
    </BasisProvider>
  );
}

export default App;

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