kobolt

The most simple template factory in the world!

Turn any <template> into a HTMLElement in a breeze.

Installing

using npm

npm install @devlop/kobolt

Placeholders

Kobolt can automatically replace placeholders in your template using the format {{ placeholder }}.

Usage

<template>
    <div data-description="{{ title }}">
        <h1 id="{{ id }}">{{ title }}</h1>
    </div>
</template>

import kobolt from '@devlop/kobolt';

const templateElement = document.querySelector('template');

const outputElement = kobolt(templateElement, {
    // pass a key value object with any placeholders that should be replaced.
    'title': 'Kobolt',
    'id': 'Co',
});

console.log(outputElement.outerHTML);

// <div data-description="Kobolt">
//     <h1 id="Co">Kobolt</h1>
// </div>