instance-form.component.html

<form [formGroup]="form" (ngSubmit)="submit()" novalidate>
    <accordion [isAnimated]="true">
        <accordion-group heading="General information" [isOpen]="true">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" class="form-control" id="name" name="name" formControlName="name">
            </div>
            <div class="form-group">
                <label for="label">Label</label>
                <input type="text" class="form-control" id="label" name="label" formControlName="label">
            </div>
            <div class="form-group">
                <label for="label">Data path</label>
                <input type="text" class="form-control" id="data_path" name="data_path" formControlName="data_path">
            </div>
        </accordion-group>
        <app-design-form-group [form]="designFormGroup"></app-design-form-group>
        <app-search-form-group [form]="searchFormGroup"></app-search-form-group>
        <app-documentation-form-group [form]="documentationFormGroup"></app-documentation-form-group>
    </accordion>
    <div class="form-group pt-4">
        <ng-content></ng-content>
    </div>
</form>