- Reactive

- [Prototype](/content/forms/prototype/index.html)
  - [form-control](/content/forms/form-control/index.html)
  - [form-control-class](/content/forms/form-control-class/index.html)
  - [form-group](/content/forms/form-group/index.html)
  - [form-builder](/content/forms/form-builder/index.html)
  - [form-builder-nested](/content/forms/form-builder-nested/index.html)
  - [form-array](/content/forms/form-array/index.html)
  - [form-multi](/content/forms/form-multi/index.html)

- Template Driven

- [single](/content/forms/single/index.html)
  - [multi](/content/forms/multi/index.html)
  - [init-class](/content/forms/init-class/index.html)

##### FormBuilder

**Value with prettyjson**

{
  "name": "Avengers: Endgame",
  "releaseDate": "26/04/2019",
  "franchise": true,
  "budget": 356000000,
  "worldwide": 2797800564,
  "summary": "After the devastating events of Avengers: Infinity War (2018), the universe is in ruins."
}

**Value with json**
{
  "name": "Avengers: Endgame",
  "releaseDate": "26/04/2019",
  "franchise": true,
  "budget": 356000000,
  "worldwide": 2797800564,
  "summary": "After the devastating events of Avengers: Infinity War (2018), the universe is in ruins."
}