@artsy/缩写

@artsy/缩写 是Artsy使用的图标的词条来源,是生成 JSX 表达式的自动建构管道 .svg 很容易被导入 React apps 的源.

您可以查看可用的图标 这里 并单击以复制想要的图标的导入路径.

元数据

• 状态 : 生产
• GitHub : (中文(简体) ) https://github.com/artsy/icons (中文(简体) )
• 文职/文职: 圆Ci; 合并公关 artsy/icons#main 自动部署到国家预防机制
• 文档 : https://icons.artsy.net (英语)
• 点人: @dzucconi (英语)

安装和使用

yarn add @artsy/icons

之后,为web导入这样的图标:

import ArtsyLogo from "@artsy/icons/ArtsyLogo"

const MyApp = () => {
  return <ArtsyLogo />
}

或为反应土著:

import { ArtsyLogo } from "@artsy/icons/native"

const MyApp = () => {
  return <ArtsyLogo />
}

或者,访问 文档 并选择将导入路径复制到剪贴板的单个图标.

添加新图标

我们设置了重播程序 以便给国家防范机制增加新的图标和出版 尽可能自动化:

1. 克隆还原器 : git clone https://github.com/artsy/icons.git
2. 创建新分支 : git checkout -b add-new-icon
3. 复制您的新图标 .svg 文件输入 src 文件夹(并遵循先前存在的命名公约 !) : pray : (中文(简体) )
4. 把分行推到GitHub并打开公关. 这应当自动标记为 minor 显示新特性添加的标签
5. 运行 yarn build && yarn docs 测试新图标
6. 合并公关。 这将自动生成JSX组件并向国家预防机制发布,并补充更新文件
7. 一旦发布,将在公关中添加一则新评论来宣布新版本.

发展

yarn install
yarn build
yarn docs