CoreUI图标和CoreUI图标PRO的官方Vue.js组件.
探索用于 Vue Docs 的 CoreUI 图标
报告错误
• 妇女
请求特性
• 妇女
博客
状态
安装
npm install @coreui/icons
npm install @coreui/icons-vue
或者说
yarn add @coreui/icons
yarn add @coreui/icons-vue
使用
单个图标
import { CIcon } from '@coreui/icons-vue';
import { cifAu } from '@coreui/icons';
...
<CIcon :icon="cilAu" size="xxl"/>
...
所有图标
import { CIcon } from '@coreui/icons-vue';
import * as icon from '@coreui/icons';
...
<CIcon :icon="icon.cilList" size="xxl"/>
...
API 密码
| 属性 | 类型 | 说明 |
|---|---|---|
| 自定义分类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 | 宽度属性定义了图标的横向长度. |