Basis Design System
Installation
npm install --save basis @emotion/core prop-typesInstall 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 startThanks
- Formidable Labs for creating react-live.
- Ryan Seddon for creating react-frame-component.
-
Sharvil Nanavati for providing the
basisnpm package name. - Vercel for outstanding deployment experience.
License
MIT