Componenti Vari
Tag / Status Badge (p-tag)
<p-tag value="Attivo" severity="success"></p-tag>
<p-tag value="In Attesa" severity="warn"></p-tag>
<p-tag value="Errore" severity="danger"></p-tag>
<p-tag value="Info" severity="info"></p-tag>
Divider (p-divider)
Contenuto sopra
Contenuto sotto
<p-divider />
Badge
<p-badge value="5" severity="success"></p-badge>
<p-badge value="12" severity="danger"></p-badge>
Tooltip (pTooltip)
Passa il mouse qui (top)
Passa il mouse qui (right)
<span pTooltip="Testo tooltip" tooltipPosition="top">Elemento</span>
<button pButton icon="pi pi-info" pTooltip="Info" tooltipPosition="top"></button>
Loading Spinner (p-progressSpinner)
Usato per indicare il caricamento
<p-progressSpinner [style]="{ width: '40px', height: '40px' }" strokeWidth="4"></p-progressSpinner>
PrimeIcons Comuni
pi-save
pi-pencil
pi-trash
pi-plus
pi-search
pi-arrow-left
pi-filter-slash
pi-list
pi-calendar
pi-users
pi-check-circle
pi-exclamation-triangle
pi-times-circle
pi-info-circle
pi-download
pi-upload
pi-eye
pi-file
<i class="pi pi-save"></i>
<i class="pi pi-pencil"></i>
<i class="pi pi-trash"></i>
<i class="pi pi-plus"></i>
<i class="pi pi-search"></i>
<i class="pi pi-arrow-left"></i>
<i class="pi pi-filter-slash"></i>
Classi Colore Icone
.red-icon
.green-icon
.orange-icon
<i class="pi pi-circle-fill red-icon"></i>
<i class="pi pi-circle-fill green-icon"></i>
<i class="pi pi-circle-fill orange-icon"></i>