Skip to main content

Custom Icons

Komponen PrimeNG dapat digunakan dengan pustaka ikon apa pun menggunakan fitur templating.

Font Awesome​

Font Awesome adalah pustaka ikon populer dengan berbagai ikon.

<p-select>
  <ng-template #dropdownicon>
    <i class="fa-light fa-chevron-down"></i>
  </ng-template>
</p-select>

SVG​

SVG yang di-inline disematkan di dalam DOM.

<p-select>
  <ng-template #dropdownicon>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
      <g id="chevron-down">
        <path
          d="M12,15.25a.74.74,0,0,1-.53-.22l-5-5A.75.75,0,0,1,7.53,9L12,13.44,16.47,9A.75.75,0,0,1,17.53,10l-5,5A.74.74,0,0,1,12,15.25Z"
        />
      </g>
    </svg>
  </ng-template>
</p-select>

Gambar​

Gambar apa pun dapat digunakan sebagai ikon.

<p-select>
  <ng-template #dropdownicon>
    <img alt="dropdown icon" src="/assets/icons/arrow_down.png" />
  </ng-template>
</p-select>