### 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)

##### Nested FormBuilder

**Name**  
**Date**  
**Summary**  
**Franchise**

##### Nested Controls

**Budget**  
**International**  
**Domestic**  
**Worldwide**

**Reset Controls**  
**Update Controls**

##### Nested FormBuilder Results

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

**Nested Controls Value**  
```json
{
  "budget": 356000000,
  "worldwide": 2797800564,
  "international": 1939427564,
  "domestic": 858373000
}
```