PrimeNG Buttons - Severity
Filled (default)
<p-button label="Primary" icon="pi pi-check" severity="primary" size="small"></p-button>
<p-button label="Success" icon="pi pi-check-circle" severity="success" size="small"></p-button>
<p-button label="Danger" icon="pi pi-times" severity="danger" size="small"></p-button>
<p-button label="Warning" icon="pi pi-exclamation-triangle" severity="warn" size="small"></p-button>
<p-button label="Secondary" icon="pi pi-cog" severity="secondary" size="small"></p-button>
Outlined
<p-button label="Primary" icon="pi pi-check" severity="primary" [outlined]="true" size="small"></p-button>
<p-button label="Success" icon="pi pi-plus" severity="success" [outlined]="true" size="small"></p-button>
<p-button label="Danger" icon="pi pi-trash" severity="danger" [outlined]="true" size="small"></p-button>
Icon-Only (usati nelle tabelle)
<button pButton type="button" icon="pi pi-pencil" class="p-button-rounded p-button-text p-button-warning" pTooltip="Modifica"></button>
<button pButton type="button" icon="pi pi-trash" class="p-button-rounded p-button-text p-button-danger" pTooltip="Elimina"></button>
<button pButton type="button" icon="pi pi-eye" class="p-button-rounded p-button-text p-button-info" pTooltip="Dettaglio"></button>
Con Loading
<p-button label="Salva" icon="pi pi-save" severity="primary" [loading]="isLoading" (onClick)="save()" size="small"></p-button>
Go Back Button (navigazione indietro)
Usato nell'header delle pagine form
<button class="goBackButton" (click)="goBack()">
<i class="pi pi-arrow-left"></i>
</button>
Bootstrap Buttons
<button class="btn btn-outline-primary"><i class="pi pi-plus"></i> Aggiungi</button>
<button class="btn btn-outline-secondary"><i class="pi pi-filter-slash"></i> Pulisci Filtri</button>