Introduction

The reactjs/redux patternfly library allows you re-use standard components (styled using Patternfly) throughout your app. The following features are currently offered:

• Status Messages
• Popup Modals
• Navbar y/webpack-config.html
• App Container

Getting Started

See the quick start guide for setting up an app, configuring webpack and using the library from scratch.

Add the library by forking/cloning:

git clone https://github.com/zmhassan/reactjs-redux-patternfly-library.git

Or as a submodoule:

git submodule add https://github.com/zmhassan/reactjs-redux-patternfly-library /some/path

If you encounter problems when adding a submodule, see here, for possible suggestions.

Each package is decoupled and if you require only a single folder you may choose to do so:

git submodule add https://github.com/zmhassan/reactjs-redux-patternfly-library/modal /some/path

Ensure that your project is configured to copy the required patternfly assets, and bundle the bootstrap/patternfly js scripts. See here for a guide.

Add the required styling listed in the CSS page.

See the dependencies page for all required dependencies by the library.

Move onto App Container section to link up your first app.