define-html
v2.3.0
Published
Define custom element to import in html
Downloads
27
Maintainers
Readme
define-html
Define custom element to import in html
Motivation
When using vanilla HTML + CSS we sometimes want to split HTML on files but do not use powerful and hard solutions
Usage
Add link to preload external html file and define-html script in head
:
<head>
<!-- Other tags here -->
<link rel="preload" href="app-content.html" as="fetch" crossorigin />
<script src="https://unpkg.com/define-html" type="module"></script>
</head>
Where app-content.html
is:
<template>
Lorem ipsum
</template>
So later you can use include your template with:
<app-content></app-content>
Features
- Read attribute values
- Make conditional elements
- Full slot support
- Full style encapsulation
- Optionally enable shadow root
Docs
TBD
License
Apache-2.0