@vthechamp/templately NPM

TemplatelyJS

This is an extremely small and lightweight package to enable the usage of custom templates in static HTML websites.

Usage/Examples

`index.html`

<!DOCTYPE html>
<html>
<head>
    ...
    <!-- Include the TemplatelyJS package -->
    <script src="/templately.js"></script>
</head>
<body>
    <!-- Use a custom template -->
    <custom-template src="/templates/navbar.html"></custom-template>
</body>
</html>

`templates/navbar.html`

<!-- Define a custom template -->
<nav class="nav">
    <h1 class="logo"><a href="#">Flexbox</a></h1>
    <ul class="main-nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>

custom component template html vanilla js javascript html

@infinitebrahmanuniverse/nolb-_vt @everything-registry/sub-chunk-993

1.0.0

2 years ago