node package manager
Love JavaScript? Your insights can make it even better. Take the 2017 JavaScript Ecosystem Survey »


Build Status semantic-release

Welcome to PatternFly-Ng. This is a library of common Angular components for use with the PatternFly reference implementation. Below is information on how to get started using PatternFly-ng. If you wish to contribute to PatternFly-ng, please go to our Contributions page.

Using PatternFly-ng In Your Application

This example demonstrates using the Angular-cli to get started with PatternFly-ng

  1. Installing angular-cli
    Note: you can skip this part if you already have generated an Angular application using ng-cli and webpack
npm i -g @angular/cli
ng new patternfly-ng-app
cd patternfly-ng-app
ng serve
  1. Install patternfly-ng

      npm install patternfly-ng --save
  2. Add patternfly-ng dependencies

  • install patternfly
  npm install patternfly --save
  1. Add a patternfly-ng component
  • open src/app/app.module.ts and add
import { NotificationModule } from 'patternfly-ng';
   imports[NotificationModule, ... ],
  • open .angular-cli.json and insert a new entry into the styles array
  • open src/app/app.component.html and add
  [header]="'test header'"
  [message]="'this is a notification'"

Do you have a question?