[](https://github.com/gparlakov/show-form-control/actions/workflows/test-forms-typed.yml) [  
This is a component that visualizes an AbstractControl instance - FormControl, FormGroup, FormArray.
Visualization looks like this
!SFC overview - image missing
1. Named and draggable window!
2. Status - dirty/pristine, touched/untouched, valid/invalid/pending/disabled
3. Value JSON.stringify-ed. Editable - edited value appears in form!
4. Minify and Maximize
And MORE...
* Resizable (see bottom right corner)
* Multiple instances supported
* Only included in dev builds! You can use it rest assured - it will not end up showing in production! Just import it in you app.module (or feature module):
``ts`
ShowFormControlModule.for(environment.production? 'prod' : 'dev')
Available as part of the Tidelift Subscription.
The maintainers of ngx-show-form-control and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use. Learn more.
Run ng generate component component-name --project show-form-control to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project show-form-control.--project show-form-control
> Note: Don't forget to add or else it will be added to the default project in your angular.json file.
Run ng build show-form-control to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test show-form-control to execute the unit tests via Karma.
To get more help on the Angular CLI use ng help` or go check out the Angular CLI README.