CoreUI图标和CoreUI图标PRO的官方 react.js组件.
探索反应文件的 CoreUI 图标
报告错误
• 妇女
请求特性
• 妇女
博客
状态
安装
npm install @coreui/icons
npm install @coreui/icons-react
或者说
yarn add @coreui/icons
yarn add @coreui/icons-react
使用
单个图标
import { CIcon } from '@coreui/icons-react';
import { cifAU } from '@coreui/icons';
...
render() {
return (
<CIcon icon={cilList} size="xxl"/>
)
}
...
所有图标
import { CIcon } from '@coreui/icons-react';
import * as icon from '@coreui/icons';
...
render() {
return (
<CIcon icon={icon.cilList} size="xxl"/>
)
}
...
API 密码
| 属性 | 类型 | 说明 |
|---|---|---|
| 类Name | string | 用于组件的所有类的字符串Name. |
| 自定义分类Name | string | object | string[] | 用于替换默认 CIcon 组件类 。 道具凌驾于"大小"道具之上. |
| 图标 | string | string[] | 放置在 React 对象或 SVG 内容中的图标名称 . |
| 高度 | number | 高度属性定义了图标的垂直长度. |
| 大小 | sm | md |lg | xl | xxl | 3xl | 4xl | 5xl | 6xl | 7xl | 8xl | 9xl | 图标大小 . |
| 使用情况 | string | 如果定义的组件将使用 use 标签. |
| 标题 | string | 标题标签内容 . |
| 宽度 | number | 宽度属性定义了图标的横向长度. |