You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.0 KiB
48 lines
1.0 KiB
<h1 align="center">
|
|
Ant Design Icons for React
|
|
</h1>
|
|
|
|
<div align="center">
|
|
|
|
[](https://npmjs.org/package/@ant-design/icons)
|
|
[](https://npmjs.org/package/@ant-design/icons)
|
|
|
|
</div>
|
|
|
|
## Install
|
|
|
|
```bash
|
|
yarn add @ant-design/icons@4.0.0
|
|
```
|
|
|
|
## Basic Usage
|
|
|
|
You can import it directly or destructure from `@ant-design/icons` when tree-shaking enabled.
|
|
|
|
```ts
|
|
import SmileOutlined from '@ant-design/icons/SmileOutlined';
|
|
import { SmileOutlined } from '@ant-design/icons';
|
|
|
|
import SmileFilled from '@ant-design/icons/SmileFilled';
|
|
import SmileTwoTone from '@ant-design/icons/SmileTwoTone';
|
|
import { SmileFilled, SmileTwoTone } from '@ant-design/icons';
|
|
```
|
|
|
|
## Component Interface
|
|
|
|
```ts
|
|
interface AntdIconProps {
|
|
className?: string;
|
|
onClick?: React.MouseEventHandler<SVGSVGElement>;
|
|
style?: React.CSSProperties;
|
|
}
|
|
```
|
|
|
|
## Release
|
|
|
|
```bash
|
|
npm run generate
|
|
npm run compile
|
|
npm publish
|
|
```
|