图标(aip-icon)
图标组件,承接基础图标展示
示例:
<aip-icon content="thumb-up" color="red" />
1
引入
<script
defer
src="https://unpkg.byted-static.com/latest/byted-fangyuan/aip-ui/dist/aip-icon/aip-icon.iife.js"
></script>
1
2
3
4
2
3
4
属性 | 说明 |
---|---|
content | 图标名称或 svg 内容(内置了常用的 icon,所有图标名称参见 Arco Designopen in new window) |
color | 填充图标的颜色,默认(black)可选值:'black', 'white', 'primary', 'success', 'warning', 'danger' |
icon-text-style | icon 文本样式,例如 icon-text-style="color: green"可将图标颜色变为绿色 |
size | 图标大小,(默认 small)可选值:'minimum', 'small', 'medium', 'large' |