Class DOMFactory

button(config: TButtonElConfig): HTMLButtonElement

canvas(config?: { className?: string; id?: string }): HTMLCanvasElement

checkbox(config: TCheckboxElConfig): HTMLInputElement

colorDot(color: string, size?: string): HTMLSpanElement

div(config?: TContainerElConfig): HTMLDivElement

fileInput(config: TFileInputElConfig): HTMLInputElement

h3(config?: TContainerElConfig): HTMLHeadingElement

label(config: TLabelElConfig): HTMLLabelElement

labeledInput(
    config: {
        defaultValue?: string | number;
        gap?: string;
        id: string;
        label: string;
        labelSize?: string;
        max?: number;
        min?: number;
        placeholder?: string;
        step?: string | number;
        type?: string;
    },
): {
    input: HTMLInputElement;
    label: HTMLLabelElement;
    wrapper: HTMLDivElement;
}

numberInput(config: TInputElConfig): HTMLInputElement

option(opt: TSelectElOption): HTMLOptionElement

output(config?: TOutputElConfig): HTMLOutputElement

p(config?: TContainerElConfig): HTMLParagraphElement

range(config: TRangeElConfig): HTMLInputElement

section(config?: TContainerElConfig): HTMLElement

select(config: TSelectElConfig): HTMLSelectElement

span(config?: TContainerElConfig): HTMLSpanElement

statusBadge(available: boolean): HTMLSpanElement

style(cssText: string, dataAttr?: Record<string, string>): HTMLStyleElement

table(config?: TTableBaseElConfig): HTMLTableElement

tbody(config?: TTableBaseElConfig): HTMLTableSectionElement

td(config?: TTableCellElConfig): HTMLTableCellElement

textInput(config: TInputElConfig): HTMLInputElement

th(config?: TTableCellElConfig): HTMLTableCellElement

thead(config?: TTableBaseElConfig): HTMLTableSectionElement

tr(config?: TTableBaseElConfig): HTMLTableRowElement