https://github.com/LatitudeFinancialOSS/basis

Basis Design System
https://github.com/LatitudeFinancialOSS/basis

components-library design-system emotion react

Last synced: 2 months ago
JSON representation

Basis Design System

• Host: GitHub
• URL: https://github.com/LatitudeFinancialOSS/basis
• Owner: LatitudeFinancialOSS
• License: mit
• Created: 2020-01-06T03:13:14.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-02-13T05:12:28.000Z (8 months ago)
• Last Synced: 2024-07-03T10:46:19.571Z (3 months ago)
• Topics: components-library, design-system, emotion, react
• Language: JavaScript
• Homepage: https://basis.vercel.app
• Size: 20.8 MB
• Stars: 56
• Watchers: 4
• Forks: 10
• Open Issues: 38
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![CI](https://github.com/LatitudeFinancialOSS/basis/workflows/CI/badge.svg)

# Basis Design System

## Installation

```shell

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

```

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

```shell

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

```

## Usage

```jsx

import React from "react";

import { BasisProvider, defaultTheme, Text } from "basis";

import "typeface-montserrat";

import "typeface-roboto";

function App() {

  return (

    

      Hello World

    

  );

}

export default App;

```

## Developing locally

```shell

npm install

npm start

```

## Thanks

- [Formidable Labs](https://formidable.com/) for creating [react-live](https://www.npmjs.com/package/react-live).

- [Ryan Seddon](https://twitter.com/ryanseddon) for creating [react-frame-component](https://www.npmjs.com/package/react-frame-component).

- [Sharvil Nanavati](https://twitter.com/snrrrub) for providing the `basis` npm package name.

- [Vercel](https://vercel.com) for outstanding deployment experience.

## License

MIT