21 lines
517 B
Markdown
21 lines
517 B
Markdown
|
---
|
||
|
|
sidebar_position: 10
|
||
|
|
title: Icon 图标
|
||
|
|
---
|
||
|
|
|
||
|
|
```ts
|
||
|
|
import { Icon } from '@capital/component';
|
||
|
|
```
|
||
|
|
|
||
|
|
`tailchat` 的 icon 解决方案来自 `iconify`
|
||
|
|
|
||
|
|
使用方法很简单:
|
||
|
|
- 在下述网站中选择想要的图标: [https://icon-sets.iconify.design/](https://icon-sets.iconify.design/)
|
||
|
|
- 复制选中的key。传给 `Icon` 组件, 示例:
|
||
|
|
```tsx
|
||
|
|
<Icon icon="mdi:account" />
|
||
|
|
```
|
||
|
|
|
||
|
|
推荐使用`mdi`来统一化图标视觉设计:
|
||
|
|
[https://icon-sets.iconify.design/mdi/](https://icon-sets.iconify.design/mdi/)
|