0.1.0-alpha.5 • Published 6 years ago
react-antd-icons v0.1.0-alpha.5
React Antd Icons
Install
yarn add antd-icons
yarn add react-antd-icons
Usage
First, you should add the icons that you need into the library.
import { library, Alibaba } from 'antd-icons/esm';
library.add(Alibaba);
After that, you can use antd icons in your React components as simply as this:
// examples/simple/pages/index.jsx
import * as React from 'react';
import styles from './index.less';
import { library, Alibaba, Dashboard, Twitter } from 'antd-icons/esm';
import AntdIcon from 'react-antd-icons/esm';
library.add(Alibaba, Dashboard, DashboardFill);
export default class IndexPage extends React.Component {
render() {
return (
<div className={styles.container}>
<AntdIcon type={'alibaba'} />
<AntdIcon type={'dashboard-fill'} />
<AntdIcon type={Twitter} />
</div>
);
}
}
Component Interface
interface IAntdIconProps {
type: string | IconDefinition;
className?: string;
onClick?: React.MouseEventHandler<SVGSVGElement>;
style?: React.CSSProperties;
}
0.1.0-alpha.5
6 years ago
0.1.0-alpha.4
6 years ago
0.1.0-alpha.3
6 years ago
0.1.0-alpha.2
6 years ago
0.1.0-alpha.1
6 years ago
0.0.1-alpha.4
6 years ago
0.0.1-alpha.3
6 years ago
0.0.1-alpha.2
6 years ago
0.0.1-alpha.1
6 years ago
0.0.1-alpha.0
6 years ago