https://github.com/jtberglund/react-themable-hoc-aphrodite-interface

Use Aphrodite with react-themable-hoc
https://github.com/jtberglund/react-themable-hoc-aphrodite-interface

aphrodite hoc react theme theming

Last synced: about 2 months ago
JSON representation

Use Aphrodite with react-themable-hoc

• Host: GitHub
• URL: https://github.com/jtberglund/react-themable-hoc-aphrodite-interface
• Owner: jtberglund
• License: mit
• Created: 2017-09-01T22:40:31.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-05-13T18:37:05.000Z (over 6 years ago)
• Last Synced: 2024-09-18T17:25:13.719Z (4 months ago)
• Topics: aphrodite, hoc, react, theme, theming
• Language: JavaScript
• Size: 70.3 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-themable-hoc-aphrodite-interface

Allows Aphrodite to be used with [react-themable-hoc](https://github.com/jtberglund/react-themable-hoc)

```

npm i react-themable-hoc-aphrodite-interface

```

## Usage

```js

import AphroditeInterface from 'react-themable-hoc-aphrodite-interface';

import { ThemeManager } from 'react-themable-hoc';

const aphroditeInterface = new AphroditeInterface();

ThemeManager.setStyleInterface(jssInterface);

ThemeManager.addTheme('theme1', {

    // theme styles

});

```

Usage with aphrodite extensions

```js

import { Stylesheet } from 'aphrodite';

import AphroditeInterface from 'react-themable-hoc-aphrodite-interface';

const customAphrodite = Stylesheet.extend([

    /*...extensions*/

]);

const aphroditeInterface = new AphroditeInterface(customAphrodite);

```

## License

[MIT](https://github.com/jtberglund/react-themable-hoc-aphrodite-interface/blob/master/LICENSE)