react-antd-icons
v0.1.0-alpha.5
Published
## Install ```bash yarn add antd-icons yarn add react-antd-icons ```
Downloads
56
Readme
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;
}