lightwrite

A lightweight HTML element builder

Example

import * as lw from "lightwrite";

// or as String:

lw.as.string(
    lw("div").class("greeting")(lw("p").class("greeting-text")("hello!"))
);

//"<div class="greeting"><p class="greeting-text">hello!</p></div>"

// or as Element:

lw.as.element(
    lw("div").class("greeting")(lw("p").class("greeting-text")("hello!"))
);

//<div class="greeting"><p class="greeting-text">hello!</p></div>

Api

lw

lw(elementTagName: string): LWElement

This will initialize a new LWElement

lw.text(text: string): TextType

This can write the pure text instead of the html

lw.html(text: string): HTMLType

This can write the html instead of the text (default, when passing in strings)

lw.as(element: LWElement, type: "string" | "element"): string | HTMLElement

This will convert the LWElement to a string or a HTMLElement

lw.as.string(element: LWElement): string

This will convert the LWElement to a string

lw.as.element(element: LWElement): HTMLElement

This will convert the LWElement to a HTMLElement

LWElement

[key: string]: (value?: string): this

This will set the attribute [ key ] to value

LWElement(content: LWValue[]): this

This will add multiple elements as a child.

LWElement(...content: LWValue[]): this

This will add multiple elements as a child.

LWValue = TextType | HTMLType | string | HTMLElement | LWElement;