Input Generator

Generate dynamic inputs with javascript

Installation

Use the package manager npm to install input-generator.

npm install input-generator

Usage

Basic

import { InputGenerator } from "input-generator";

const userForm = new InputGenerator();

const nameInput: HTMLInputElement = userForm.input({
  id: "name-input",
  name: "name",
  class: "form-control",
  defaultValue: "example",
  isDisabled: false,
  isRequired: true,
  type: "text",
  placeholder: "Please Enter Name",
});

const citySelect: HTMLSelectElement = userForm.select({
  id: "select-input",
  name: "select",
  class: "form-control",
  defaultValue: "35",
  isDisabled: false,
  isRequired: true,
  type: "text",
  placeholder: "Please Select City",
  multiple: false,
  options: [{ text: "İzmir", value: "35" }],
});

Parameters

Common Parameters

Key	Type
id	string
name	string
class	string
placeholder	string
defaultValue	string
isDisabled	boolean
isRequired	boolean

Input Parameters

Key	Type
type	text, email, password
placeholder	string

Select Parameters

Key	Type
multiple	boolean
options	[]{ value: string, text: string: selected?: boolean }

License

MIT