@pupilfirst/pf-icon

2.0.0 • Public • Published

@pupilfirst/pf-icon

Collection of custom icons created by pupilfirst lms

Demo

icons.pupilfirst.com

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>

Package Sidebar

Install

npm i @pupilfirst/pf-icon

Weekly Downloads

1

Version

2.0.0

License

MIT

Unpacked Size

480 kB

Total Files

16

Last publish

Collaborators

  • bodhish
  • vinutv
  • hari.gopal
  • mahesh.krishnakumar