Getting Started | Element Catalog | Discovery doc | Creating Components | Theming Components
PatternFly Elements is a collection of flexible and lightweight Web Components, and the tools to build them. PatternFly Elements are...
- Lightweight: small file size, minimal boilerplate, no "framework-like" features.
- Universal: write once, use everywhere. PatternFly Elements work in React, Vue, Angular, vanilla JS, anywhere HTML elements are used.
The result of these two principles is plugging one set of components into a wide variety of applications, bringing UX consistency and developer familiarity to any web project.
A Yeoman generator is included for creating Web Components that meets these goals.
Let's get started!
git clone git@github.com:patternfly/patternfly-elements.git
cd patternfly-elements
npm install # this will take a while due to lerna bootstrap
npm run storybook
The storybook script will launch the interactive demo pages.
Notice: You will need to use Node v.7 or higher. Storybook may not work with Node v.10.