Skip to content
PatternFly Elements: A set of UI web components
HTML JavaScript CSS Shell
Branch: master
Clone or download
castastrophe and kylebuch8 fix: pfe-navigation mobile login/language links working (#620)
* [dev]: Fix the pfe-navigation mobile login/language links

* [dev]: Add back auto-slotting for un-assigned content in the navigation items

* [dev]: Revert changes in the demo listing

* [dev]: Remove commented out styles completely

* [dev]: Update logic to remove one-liner
Latest commit 67fa1fb Nov 19, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github remove PR template questions that are enforced by github (#511) Aug 28, 2019
.storybook fix: Pfe autocomplete updates (#591) Nov 4, 2019
brand/logo Adding RHElement logo files (#93) Jul 31, 2018
docs prerelease update and changelog updates Nov 8, 2019
elements fix: pfe-navigation mobile login/language links working (#620) Nov 18, 2019
examples feat: pfe-select Component (#553) Nov 15, 2019
scripts fix: build tasks and packages for publication (#594) Oct 29, 2019
test feat: pfe-select Component (#553) Nov 15, 2019
.editorconfig add editorconfig Feb 22, 2018
.gitattributes prevent diff/conflicts in esm map files and theme js files Jan 10, 2019
.gitignore feat: Compile assets to a dist directory - Issue #251 (#380) Oct 23, 2019
.lvimrc put all js files through an initial prettier pass Jul 13, 2018
.prettierignore minify ES6 modules (#281) Jan 30, 2019
.travis.yml chore: removing osx testing and upgrading node_js from 9 to 12 Nov 13, 2019
CHANGELOG-prerelease.md fix: pfe-navigation mobile login/language links working (#620) Nov 18, 2019
DISCOVERY.md dev-pull-request-template add testing instructions to PR template (#463) Jul 30, 2019
LICENSE.txt Abstract copyright statement (#257) Jan 10, 2019
README.md docs: support table (#557) Oct 3, 2019
favicon.ico Rh cta concept (#146) Sep 7, 2018
lerna.json v1.0.0-prerelease.30 Nov 8, 2019
package-lock.json fix: pfe-navigation mobile login/language links working (#620) Nov 18, 2019
package.json feat: Compile assets to a dist directory - Issue #251 (#380) Oct 23, 2019
prettier.config.js add prettier config at root Jan 19, 2018
spandx.config.js feat: Compile assets to a dist directory - Issue #251 (#380) Oct 23, 2019
wct.conf.json first wct kludge attempt Jun 19, 2018

README.md

PatternFly Elements Build Status

Table of Contents

  1. Getting started
  2. Element catalog
  3. Creating components
  4. 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.
  • Themable: Make overrides as needed via attributes or CSS variables

The result of these principles is that you can plug 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.

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.

Note: You will need to use Node v.7 or higher.

Support

Though we have tested and verified general usability within these frameworks, PFE makes no guarantees about compatibility within specific sites & applications. Please test accordingly. For more details, check out the official status card per component or visit the status page on the documentation site.


home | start | develop | theming | storybook | web components

You can’t perform that action at this time.