Setup

Add base URL in your .env file:
NEXT_PUBLIC_ICONS_URL=https://icons.phpr.link/

RemoteIcon


  <RemoteIcon
      icon="fa fa-book"
      fqcnBui={{
        Bundle: "presentation",
        Unit: "iconsPage",
        Interface: "remoteIcon",
      }}
  />
This component is used to display an icon from a remote source.
Preview

Usage

  <RemoteIcon
      icon="fa fa-book"
      fqcnBui={{
        Bundle: "presentation",
        Unit: "iconsPage",
        Interface: "remoteIcon",
      }}
  />

IconDropdown


  <IconDropdown
    accesses={{
        all: false,
        fontAwesome: true,
        glyphiconsV1: false,
        glyphiconsV2: true,
        phpcApp: false,
    }}
  />
The IconDropdown component is a dropdown menu that allows users to select an icon from a list of available icons. It provides a user-friendly interface for selecting icons, making it easy to integrate icons into your application.Typescript intellisense will help you to select the icon you want to use.
Preview

Usage

  <IconDropdown
    accesses={{
        all: false,
        fontAwesome: true,
        glyphiconsV1: false,
        glyphiconsV2: true,
        phpcApp: false,
    }}
  />

Actual available icon librairies

  • FontAwesome
  • Glyphicons V1
  • Glyphicons V2
  • PHPCApp