Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

@pxblue/react-native-themes

4.0.0 • Public • Published

PX Blue themes for React Native applications

This package provides theming support for Eaton applications using the PX Blue design system. It includes resources for developers using @pxblue/react-native-components. This package presently comes with two theme options: a Blue theme (standard) and a default Material theme.

For other frameworks, check out our related packages:

Installation

Install with npm

npm install --save @pxblue/react-native-themes

or yarn

yarn add @pxblue/react-native-themes

Usage

To use these themes in your application, simply wrap the app in a ThemeProvider and pass in your desired theme (blue). Omitting the theme prop will default to the Material theme:

import { ThemeProvider } from '@pxblue/react-native-components';
import * as PXBThemes from '@pxblue/react-native-themes';
...
// Default Theme
<ThemeProvider theme={PXBThemes.blue}>
    <App />
</ThemeProvider>

NOTE: Using the PX Blue React Native theme requires that you add the Open Sans font to your application. You can learn how to do this by reading the instructions for Vanilla React Native or Expo.

When using Expo, you will need to specify the name for each font weight you load using the format OpenSans-<Weight>, e.g., OpenSans-SemiBold. Refer to one of our React Native demos for reference.

Demo

Coming Soon

Install

npm i @pxblue/react-native-themes

DownloadsWeekly Downloads

13

Version

4.0.0

License

BSD-3-Clause

Unpacked Size

7.5 kB

Total Files

8

Last publish

Collaborators

  • avatar