--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <title>PatternFly Elements CDN example</title>
+ <meta charset="utf-8">
+
+ <style>
+ .gallery {
+ display: flex;
+ flex-direction: row;
+ }
+
+ .gallery pfe-card {
+ margin: 1rem;
+ }
+ </style>
+</head>
+
+<script type="module" src="https://unpkg.com/@patternfly/pfe-card@next?module"></script>
+<script type="module" src="https://unpkg.com/@patternfly/pfe-button@next?module"></script>
+
+<body>
+
+<h1>PatternFly Elements CDN example</h1>
+
+<div class="gallery">
+ <pfe-card>
+ <h2 slot="header">PF Card</h2>
+ <p>Some info here.</p>
+ <p slot="footer">Footer here...</p>
+ </pfe-card>
+ <pfe-card>
+ <h2 slot="header">Another Card</h2>
+ <p>BlaBla</p>
+ </pfe-card>
+</div>
+
+<pfe-icon icon="rh-cloud"></pfe-icon>
+
+<pfe-button> <!-- icon="rh-cloud" doesn't work -->
+ <button id="do_something">Do something!</button>
+</pfe-button>
+
+<script>
+const button_do = document.getElementById("do_something");
+button_do.addEventListener("click", () => alert("clicked"));
+</script>
+
+</body>
+</html>
projects / webcomponents.git / commitdiff