Pull button to the right of the panel header in primeng panel widget

user_1476993 0
Viewed 13774

I have a prime ng button on my panel header. I would like to pull it to the right of the panel header. Please can someone tell me 

  <p-header>
    <h4>Data View</h4>
    <button pButton type="button" [style]="{'float':'right'}" label="New Data" icon="fa-plus" (click)="createData()" class="ui-button-danger"></button>
  </p-header>

Also seems like button doesn't have a style class, is there a way to specify a css class to a primeng button widget?

primeng css html
2 Answers

With Primeflex you may use the p-jc-end class now:

<p-button class="p-grid p-jc-end" [routerLink]="..." [icon]="..." [label]="...">
user_66812010
Related