asudoh/patternfly-elements: PatternFly Elements · GitHub

Name		Name	Last commit message	Last commit date
.github/pull_request_templates		.github/pull_request_templates
.storybook		.storybook
brand/logo		brand/logo
doc		doc
elements		elements
scripts		scripts
test		test
themes/cp-theme		themes/cp-theme
.editorconfig		.editorconfig
.gitattributes		.gitattributes
.gitignore		.gitignore
.lvimrc		.lvimrc
.prettierignore		.prettierignore
.travis.yml		.travis.yml
LICENSE.txt		LICENSE.txt
README.md		README.md
favicon.ico		favicon.ico
lerna.json		lerna.json
package-lock.json		package-lock.json
package.json		package.json
prettier.config.js		prettier.config.js
spandx.config.js		spandx.config.js
wct.conf.json		wct.conf.json

Repository files navigation

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 comopnents 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!

Quick-start

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.

Getting Started | Developing Components | Theming