Miss any of our Open RFC calls?Watch the recordings here! »

@pxblue/react-themes

5.0.2 • Public • Published

PX Blue themes for React applications

This package provides theming support for Eaton applications using the PX Blue design system. It includes resources for developers using React w/ Material UI version 4+ (prior versions of this package will work with Material UI version 3 - check the Changelog for details). This package comes with two theme options: a Blue theme (standard) and a Dark theme.

For other frameworks, check out our related packages:

Installation

Install with npm

npm install --save @pxblue/react-themes

or yarn

yarn add @pxblue/react-themes

Usage

To use these themes in your application, simply wrap the app in a ThemeProvider and pass in your desired theme (blue or blueDark):

import {
    ThemeProvider,
    createMuiTheme
} from '@material-ui/core/styles';
import * as PXBlueThemes from '@pxblue/react-themes';
...
<ThemeProvider theme={createMuiTheme(PXBlueThemes.blue)}>
    <App />
</ThemeProvider>

Demo

View on Code Sandbox

Install

npm i @pxblue/react-themes

DownloadsWeekly Downloads

34

Version

5.0.2

License

BSD-3-Clause

Unpacked Size

15.7 kB

Total Files

12

Last publish

Collaborators

  • avatar