Skip to content

pfefferle/react-openwebicons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-openwebicons

A React component for the OpenWebIcons webfont.

Install

npm install --save react-openwebicons

Usage

//index.jsx
import React from 'react';
import ReactDOM from 'react-dom';
import OpenWebIcon from 'react-openwebicons';

ReactDOM.render(<OpenWebIcon name="openwebicons-epub" size="248px" colored={true}/>, document.getElementById("app"));
ReactDOM.render(<OpenWebIcon name="openwebicons-epub" size="248px" colored="#990000"/>, document.getElementById("app2"));
ReactDOM.render(<OpenWebIcon name="openwebicons-epub" size="248px"/>, document.getElementById("app3"));
ReactDOM.render(<OpenWebIcon name="openwebicons-epub"/>, document.getElementById("app4"));

For more informations have a look at the example folder.

How to develop

  • npm/yarn install
  • npm run build
  • npm link
  • cd example
  • npm/yarn install
  • npm link "react-openwebicons"
  • webpack
  • open index.html in web browser

To change the icon, size or color adjust the values in the index.tsx in the example folder and run webpack again