tek-ms-header
v1.0.16
Published
 
Readme
ms-header-tek
A lightweight Vanilla TypeScript component that renders a header into any DOM element.
Installation
npm install ms-header-tekUsage
import { Header } from 'ms-header-tek';
const mountPoint = document.getElementById('header') as HTMLElement;
const header = new Header(mountPoint);
header.render();API
new Header(mountPoint: HTMLElement)
Creates a new Header instance.
| Parameter | Type | Description |
|--------------|---------------|----------------------------------------------------------|
| mountPoint | HTMLElement | The DOM element where the header will be rendered |
render(): void
Injects the header HTML into the mount point element.
Result:
<header>
<span class="text-lg">Mon Header</span>
</header>Example
<!DOCTYPE html>
<html>
<body>
<div id="header"></div>
<script type="module">
import { Header } from 'ms-header-tek';
const mountPoint = document.getElementById('header');
const header = new Header(mountPoint);
header.render();
</script>
</body>
</html>Requirements
- Vanilla TypeScript / JavaScript
- A DOM environment (browser)
License
MIT