@ 2en/ 缩写
Clawly的标准图标库——一条导入路径,既回放土著,又回放网络.
快速使用
import {IconBubbleQuestion, IconBubbleQuestionFilled} from '@2en/icons'
// Outlined (no suffix)
<IconBubbleQuestion size={24} color="#1d1d1f" />
// Filled
<IconBubbleQuestionFilled size={24} color="#1d1d1f" />
每个图标都要 IconProps (从上游再出口) CentralIconBaseProps:
size?: number | string (违约24), color, (中文(简体) ), style,加上基本的 SVG道具.
命名
提纲并填充 单独的组件,而不是一个 variant 道具——只指你进口的打花花船.
| 表单 | 含义 |
|---|---|
IconArchive | 概述 |
IconArchiveFilled | 已填满 |
一小撮甘油是从 @2en/openai-icons 取而代之的是中相(如:. IconArchive, (中文(简体) ), IconStop, (中文(简体) ), IconTasks这些不会暴露 *Filled 变式——将概述的oai与中央填充相混合将产生视觉冲突.
跨平台
import {IconArchive} from '@2en/icons' 在React Industrial(Metro / Expo)和React Web(Webpack / Vite / Next.js)中工作. 包裹 exports 字段切换器条件 :
react-native→@central-icons-react-native/*default→@central-icons-react/*
react-native 财务报告和审定财务报表 react-native-svg 为: 选项 等同分解 – 只有网络用户不会看到安装警告 .
IconName 类型
IconName 这是 本地网络的相接点 - 各个平台上都有名字 一个平台独有的名称仍然可以导入,只是没有加入这个联盟.
公约
- 无入深入. 永远
import {IconX} from '@2en/icons'。 。 。 . - 帕斯卡尔Case,
Icon前缀. - 没有
default出口. 总是取名.
许可证
再导出图标 src/central-icons/ 来源于 图标中心图标 根据我们购买的许可证; 圣像主义者许可证条款适用。 销售甘油 src/openai-icons/ 保留 @2en/openai-icons许可证。 手写内容 : src/custom/ 是克劳利的.
正在研究这个包裹? 见 CLAUDE.md。 。 。 .