theme-components v1.0.3

For Study purposes

Install dependencies

yarn add theme-components styled-components
# or
npm i theme-components styled-components

Put the provider file

import { ThemeProvider } from 'styled-components';
import { theme } from 'theme-components';

function App({ children }) {
  return (
    <ThemeProvider theme={theme}>
      {children}
    </ThemeProvider>
  )
}

Components

import { Button } from 'theme-components';

function YourComponent() {
  return (
    <Button isBlock size="medium" color="primary">Hello World</Button>
  )
}

Theme

export default {
  baseFontSize: '14px',
  fontFamily: "'Source Sans Pro', sans-serif",
  borderRadius: '4px',
  colors,
  components: {
    // Change to Another template of Button
    Button: 'Button1',
  }
};