@ausbom/styles

@ausbom/styles

Styles is a library of components that help other components determine what styles to take by default and which ones to override using specified theme objects.

Installation

npm install @ausbom/styles

Demo

import Button from '@ausbom/button'
import { palette, ThemeProvider } from '@ausbom/styles'
import React from 'react'

const ThemeProviderDemo: React.StatelessComponent<any> = () => (
  <React.Fragment>
    <Button text='Default Color' onClick={() => {}} />
    <ThemeProvider theme={{
      button: {
        backgroundColor: palette.secondary.betaGreen
      }
    }}
    >
      <Button text='Theme Color' onClick={() => {}} />
    </ThemeProvider>
  </React.Fragment>
)