canoejs/src/core/widgets/P.ts

A lightweight, widget-based UI framework

import Widget from "../Widget";

export default class P extends Widget {
    text: string;
    css: {};

    constructor(
        opts: Partial<{
            id: string;
            size: number | string;
            text: string;
            css: {};
        }> = {}
    ) {
        super(opts);
        this.text = opts.text ?? "";
        this.css = opts.css ?? {};
    }

    render(): HTMLElement {
        let thisElement = document.createElement("p");
        thisElement.id = this.id;
        thisElement.innerText = this.text;
        thisElement.classList.add("p");

        Object.keys(this.css).forEach((key) => {
            thisElement.style[key] = this.css[key];
        });

        return thisElement;
    }
}