jsdom-web-components
v1.0.3
Published
Isomorphic Web Components for the DOM API.
Downloads
22
Readme
JSDOM Web Components
Native Isomorphic Web Components built on top of the JavaScript Document Object Model. Extends existing HTML DOM Elements.
Installation
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>Usage
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>Elements
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>Contributions
Please create issues and PRs if there are features or bugs that need addressing.