Position of Button

Ramco Ramco

I have below code and i want button to appear on right side corner.

  
    Filter

Thanks

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Abhishek Chadha2y ago

You can try the below one -


  Filter

Add in your CSS -

.form-field-container {
  display: flex;
  align-items: center;
}

.mat-form-field-wrapper {
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.mat-form-field-flex {
  flex-grow: 1;
}

Ramco Ramco2y ago
Hi

I wat that Add Product Button to appear on right side corner
```
    Filter
    
    
  
```
Thanks
Abhishek Chadha2y ago
To place a button on the right side of the , you can use the matSuffix directive provided by Angular Material. Here's how you can modify your code:
```
  Filter
  
  
```