latitude-design-system

Latitude Design System

Usage no npm install needed!

<script type="module">
  import latitudeDesignSystem from 'https://cdn.skypack.dev/latitude-design-system';
</script>

README

Latitude Design System

Installation

npm install --save latitude-design-system @emotion/core

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 { ThemeProvider, defaultTheme, Text } from "latitude-design-system";
import "typeface-montserrat";
import "typeface-roboto";

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

export default App;

Developing the Design System locally

1. npm install
2. cd website
3. npm install
4. npm start