theming

theming

Theming High-Order Components toolkit

Install

npm install --save theming
# or
yarn add theming

Usage

In your components

import React from 'react';
import { withTheme } from 'theming';

const prettyPrint = value => JSON.stringify(value, null, 2);

const DemoBox = props => <pre>{ prettyPrint(props.theme) }</pre>

export default withTheme(DemoBox);

In your app

import React from 'react';
import { ThemeProvider } from 'theming';
import DemoBox from './components/DemoBox'

const theme = {
  color: 'black',
  background: 'white',
};

const App = () => (
  <ThemeProvider theme={theme}>
    <DemoBox />
  </ThemeProvider>
)

export default App;

License

MIT © Vladimir Starkov