使用ant-design自带的对号图标在样式里插入
时间: 2024-05-01 21:21:10 浏览: 116
可以使用Ant Design提供的Icon组件来插入对号图标。Icon组件提供了丰富的图标库,包括常见的图标和自定义图标,可以通过使用图标的名称或SVG路径来引用。
首先,需要在组件中引入Icon组件:
```jsx
import { Icon } from 'antd';
```
然后,在样式中使用Icon组件来插入对号图标:
```jsx
<Icon type="check" />
```
这将在样式中插入一个默认大小的对号图标。可以通过修改Icon组件的属性来自定义图标的大小、颜色等。
例如,要将图标设置为24像素大小,可以这样写:
```jsx
<Icon type="check" style={{ fontSize: '24px' }} />
```
更多Icon组件的用法和属性可以参考Ant Design官方文档。
阅读全文