eo-icon
<eo-icon>
Alias:
<icons.general-icon>
Your favorite icons, including Ant Design Icons, Font Awesome, and EasyOps Icons.
Examples
Ant Design
Font Awesome
View all Font Awesome free icons.
EasyOps
Image
Colors
Spinning
Fallback
Properties
Name | Description | Type | Default | Required |
---|---|---|---|---|
lib | 图标库 | "antd" | "easyops" | "fa" | ||
theme | Ant Design 图标主题 | string | "outlined" | |
icon | 图标名 | string | ||
category | EasyOps 图标分类 | string | "default" | |
prefix | FontAwesome 图标前缀 | string | "fas" | |
fallback | 设置当图标未找到时的回退图标 | FallbackIcon | ||
startColor | 渐变色起始颜色(不适用于 EasyOps 图标) | string | ||
endColor | 渐变色终止颜色(不适用于 EasyOps 图标) | string | ||
gradientDirection | 渐变色方向(不适用于 EasyOps 图标) | GradientDirection | ||
spinning | 是否自动旋转 | boolean | ||
imgSrc | 图片地址 | string | ||
imgStyle | 图片样式 | CSSProperties | ||
imgLoading | 加载方式 | "lazy" | "eager" | ||
noPublicRoot | boolean | |||
keepSvgOriginalColor | 如果是 svg 图片,默认将转换该图标颜色为自动跟随文本色,设置 | boolean |
Type references
FallbackIcon
Name | Type | Required | Description |
---|---|---|---|
lib | "antd" | "easyops" | "fa" | ||
icon | string | ||
theme | string | ||
category | string | ||
prefix | string | ||
keepSvgOriginalColor | boolean | ||
imgSrc | string | ||
imgStyle | CSSProperties | ||
imgLoading | "lazy" | "eager" | ||
noPublicRoot | boolean |
GradientDirection
"left-to-right" | "top-to-bottom"