How to build a demo component

A project on CodePen is comprised of multiple files and it runs compilation to generate the preview. This demo has more working parts but is a closer representation of building a component in the repo.

This link is to a standard pen on CodePen. Pens are comprised of HTML, CSS, and JavaScript and tends to be a much quicker, easier demoing tool. For simple tests or examples, I recommend using this template as projects are limited in the free CodePen accounts and this will be easier to show and share with others.

As neither of these pens are running the PatternFly Elements build tools nor can they contain much architecture, a few shortcuts were made of which you should be aware.

Related posts:

If you are an Android developer your first reaction would probably be… WAT? Yes, saving the Context on Android is a terrible idea. But I’d like to say saving context in a different context might save…