@beatgig/synth-ui

Synth UI is the component library used to build products at BeatGig, built on React and styled-components and powered by Synth design tokens.

Installation

yarn add @beatgig/synth-ui

Usage

Import any component you want to use and render them with React:

import React from 'react'
import ReactDOM from 'react-dom'
import { Button, Card, Paragraph } from '@beatgig/synth-ui'

ReactDOM.render(
  <Card>
    <Paragraph>This is so cool!</Paragraph>
    <Button>Yes, I agree</Button>
  </Card>,
  document.getElementById('root')
)