Icons

Installatie

De PrimeIcons-stylesheet is al globaal geladen in de docs-site. In een eigen Vue 3 project:

// nuxt.config.ts of main.ts
import "primeicons/primeicons.css"

Gebruik

Plaats het icoon als <i>-element met de pi pi-<name>-class:

<i class="pi pi-home" aria-hidden="true"></i>
<i class="pi pi-search" aria-hidden="true"></i>

Op decoratieve iconen hoort aria-hidden="true"; wanneer een icoon de enige labelbron is voor een knop / link, gebruik dan een aria-label op het ouder-element of een sibling .sr-only-tekst.