Native Isomorphic Web Components built on top of the JavaScript Document Object Model. Extends existing HTML DOM Elements.
Install via npm or CDN.
- Use npm install in your project
$npm install jsdom-web-components- Use a CDN to get static content
<script src="https://unpkg.com/jsdom-web-components@latest/dist/bundle.js"></script>Instantiate a new components using document.createElement() in your HTML / JavaScript.
<html>
<head>
<title>My App</title>
<script src="https://unpkg.com/jsdom-web-components@latest/dist/bundle.js"></script>
</head>
<body>
<header>
<h1>My Awesome Web Page</h1>
<script>
let nav = document.createElement('app-nav');
nav.addItem('Github', 'https://github.com');
nav.render();
</script>
</header>
</body>
</html>You can render individual custom elements using raw HTML in your markup.
<html>
<head>
<title>My Website</title>
<script src="https://unpkg.com/jsdom-web-components@latest/dist/bundle.js"></script>
</head>
<body>
<header>
<app-heading>My Awesome Web Page</app-heading>
<app-button>
<app-link href="/login">Login</app-link>
</app-button>
</header>
</body>
</html>Please create issues and PRs if there are features or bugs that need addressing.