JSFiddle - React, Tailwind, and code Playground

by Hemanth HM

JavaScript

templateConfig=[
  {
    "elements": [
      {
        "name": "firstName",
        "component": "TextInput",
        "validations": [
          {
            "type": "required",
            "message": "error.required"
          },
          {
            "type": "custom",
            "message": "error.name"
          }
        ],
        "attributes": {
          "type": "text",
          "name": "firstName",
          "autocomplete": "on",
          "label": "basicAccount.firstName.placeholder"
        }
      },
      {
        "name": "lastName",
        "component": "TextInput",
        "validations": [
          {
            "type": "required",
            "message": "error.required"
          },
          {
            "type": "custom",
            "message": "error.name"
          }
        ],
        "attributes": {
          "type": "text",
          "name": "lastName",
          "label": "basicAccount.lastName.placeholder",
          "autocomplete": "on"
        }
      },
      {
        "name": "email",
        "component": "TextInput",
        "validations": [
          {
            "type": "required",
            "message": "error.required"
          },
          {
            "type": "email",
            "message": "error.email"
          }
        ],
        "attributes": {
          "type": "email",
          "name": "email",
          "autocomplete": "on",
          "label": "basicAccount.email.placeholder"
        }
      },
      {
        "name": "password",
        "component": "TextInput",
        "validations": [
          {
            "type": "required",
            "message": "error.required"
          },
          {
            "type": "password",
            "message": "error.password"
          }
        ],
        "attributes": {
          "type": "password",
          "name": "password",
          "autocomplete": "off",
          "label": "basicAccount.password.placeholder"
        }
      },
      {
        "name":...