@pupilfirst/pf-icon
Collection of custom icons created by pupilfirst lms
Demo
Installation
npm install @pupilfirst/pf-icon
Then add @pupilfirst/pf-icon
to bs-dependencies in your bsconfig.json. A minimal example:
{
"name": "your project",
"sources": "src",
"bs-dependencies": ["@pupilfirst/pf-icon"]
}
Example
<PfIcon className="if i-eye-solid" />
List of icons : icons.pupilfirst.com
Usage - Reason React
PfIcon
component
Prop | Type | Description |
---|---|---|
className |
string |
Class name for the icon |
Refer to icons.pupilfirst.com for full list of icons and and its usages
Usage - Non React
Import the pf-icon
listener that converts the <i>
tags to <svg>
import { addListener } from "@pupilfirst/pf-icon";
addListener();
You can add an icon easily by adding the pf-icon
class on an <i>
tag.
Example
<i class="if i-plus-circle-regular"></i>