Icon 图标

Icon

Icon

Props

图标控件
Prop NameTypeRequiredDefaultDescription
typestringrequired
图标类型
spinboolean
是否旋转
prefixstring
自定义 icon 类名前缀,使用自定义图标库时使用,默认为 icon\_\_

说明

  • 传入其它原生的 props 会自动附加到最外层上,如 style、className 等
  • 配合 prefix,可使用其它字体图标库
  • 需要修改默认 prefix 的可使用 ConfigProvider
  • 组件库中存在一份字体,需要使用可自行导入字体样式并使用
  • 所有支持图标地址点这里UCloud Icon Font
// 按需导入字体icon样式
import '@ucloud-fe/react-components/dist/icon.min.css';

演示

演示

VIEW CODE ( LIVE )

type - icon 类型

VIEW CODE ( LIVE )

spin - 是否旋转

VIEW CODE ( LIVE )

customStyle - 自定义样式

VIEW CODE ( LIVE )
  • 设计
  • 文档
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司