HTML scaffolding modules are the building blocks to structure your HTML pages and elements.

These modules are configured per project in the project.json under the modules node. Each module is a key/value pair object where the key is your own unique name for this module/page/element. id would be the name of the predefined modules that are detailed here in the tutorial in the form of basic modules and complex modules.

"m-my-unique-module-name" : {
	"id": "name-of-predefined-module"
}

"Most" modules have some common properties:

• id - This is the name of a predefined module of which the preceeding properties will be applied to.
• class - This is a classname that will be applied to this element.
• containerId - This is optional. It is used as the id attribute of the markup.
• data - This consists of key/value pairs of data attributes that will be added to this element.

  • "id": "myId" - Will appear in the mark up as "data-id='myId'".

  • "lang-copy-id" - Is an internal data attribute. The value applied to this attribute is used in a look up in the langCopy.json under the languageCopy node. This is used to change the copy based on the current language.

    • "lang-copy-id": "myElement" - The langCopy.json will look like this:

    "languageCopy": {
    	"myElement" : {
    		"_English": "Hello World",
    		"_Spanish": "Hola Mundo"
    	}
    }
    

• modules - This is an array of additional nested modules.