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