amis2/icon.md at a459e0b56d3cc866717c40f5ad5784fcb1b6d3fe

test/amis2

mirror of https://gitee.com/baidu/amis.git synced 2024-11-30 02:58:05 +08:00

2021-01-27 18:26:04 +08:00

title	description	type	group	menuName	icon	order
Icon 图标		0	⚙ 组件	Icon		50

在 React 项目中使用 Icon 需要引入 font-awesome@4.7.0，然后在代码中 import 'font-awesome/css/font-awesome.css'，还有相关的 webpack 配置，具体请参考 amis-react-starter 里的配置

基本使用

{
    "type": "page",
    "body": {
        "type": "icon",
        "icon": "cloud"
    }
}

icon 基于字体实现，所以可以通过文字颜色或大小来控制它。

{
    "type": "page",
    "body": {
        "type": "icon",
        "icon": "cloud",
        "className": "text-info text-xl"
    }
}