1.0.0 • Published 4 years ago

@jswork/react-admin-icons v1.0.0

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

react-admin-icons

Icons for admin system.

version license size download

installation

npm install -S @jswork/react-admin-icons

properties

NameTypeRequiredDefaultDescription
classNamestringfalse-The extended className for component.
valuestringfalse-The icon name.
sizenumberfalse16The icon size(width/height).
colorstringfalse-The icon color.

usage

  1. import css

    @import "~@jswork/react-admin-icons/dist/style.css";
    
    // or use sass
    @import "~@jswork/react-admin-icons/dist/style.scss";
    
    // customize your styles:
    $react-admin-icons-options: ()
    <!-- Add your font link style -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2519088_q3uuta69ane.css">
  2. import js

    import ReactDemokit from '@jswork/react-demokit';
    import React from 'react';
    import ReactDOM from 'react-dom';
    import ReactAdminIcons from '@jswork/react-admin-icons';
    import { glyphs } from './assets/iconfont.json';
    import './assets/style.scss';
    
    class App extends React.Component {
      render() {
        return (
          <ReactDemokit
            className="p-3 app-container"
            url="https://github.com/afeiship/react-admin-icons">
            <h1 className="title">Icon static method</h1>
            {ReactAdminIcons.Icons('date', { size: 100 })}
            <h1 className="title">Icon list</h1>
            <div className="is-list">
              {glyphs.map((item) => {
                return (
                  <span key={item.font_class} className="is-item">
                    <ReactAdminIcons size={24} value={item.font_class} />
                    <em>{item.name}</em>
                    <code className="my-2">{item.font_class}</code>
                  </span>
                );
              })}
            </div>
          </ReactDemokit>
        );
      }
    }
    
    ReactDOM.render(<App />, document.getElementById('app'));

documentation

license

Code released under the MIT license.