**Scenario:**

* I am working on a form using the angular material and angular 6
* I would want to display the relevant text boxes as per the type choosen from the radio buttons which give them.

Code i have used for radio button 

```
<div class="form-group m-form__group row">
    <div class="m-radio-list">
        <mat-radio-group>
            <p>
                <mat-radio-button value="newBusiness">New</mat-radio-button>
                <mat-radio-button value="renewal">Renewal</mat-radio-button>
                <mat-radio-button value="rollover">Old</mat-radio-button>
            </p>
        </mat-radio-group>
    </div>
</div>

```

**Todo :**

* So based on these 3 types, once a user selects a specific type for eg the new i want to display to him text boxes for name and number ,  
 if another value then other text boxes.