1.0.2 • Published 2 years ago

@jayson991/react-iconfont v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

react-iconfont

A Library Project For React To Use Iconfont Intelligently

Installation

$ npm i -S @jayson991/react-iconfont
import IconFont from '@jayson991/react-iconfont';

Iconfont

Source Support

Method Support

  • FontClass
    • type: icon
  • Symbol, SVG
    • type: svg

Usage

import React from 'react';
import IconFont from '@jayson991/react-iconfont';

// import for IconFont usage
import './iconfont.css';
import './iconfont.js';

const App = () => (
  <>
    <div>
      Hello
      <IconFont type='icon' name='circle-checked' color='f00' size='30' />
      FontIcon
    </div>

    <div>
      Hello
      <IconFont type='svg' name='circle-checked' color='f00' size='30' />
      SvgIcon
    </div>
  </>
);

export default App;

Property Support

PropertyDescription
nameIconFont Name, String, default: ''
typeIcon or SVG, String, default: 'icon'
sizeIconFont Size, String, default: '' (Browser Setting)
colorIconFont Color, String, default: '' (Only Support #${color})