Element React 中文文档 Element-React Icon图标

2024-02-25 开发教程 Element React 中文文档 匿名 6

提供了一套常用的图标集合。

使用方法

直接通过设置类名为 el-icon-iconName来使用即可。例如:

render() {
return (
<div>
<i className="el-icon-edit"></i>
<i className="el-icon-share"></i>
<i className="el-icon-delete"></i>
<Button type="primary" icon="search">搜索</Button>
</div>
)
}

图标集合

render() {
return (
<ul className="icon-list">
{this.props.iconList.map((v, i) =>
<li key={i}><span><Icon name={v} />{v}</span></li>
)}
</ul>
)
}