说明

图书馆 构成部分 以反应和样式组件为基础。 它包含基本的组件"原子",以及更复杂的"分子",用于其中的"原子" Blockchain.com 页面存档备份,存于互联网档案馆 生态系统.

安装

快点 npm i @blockchain-com/components 你们可以走了!

提示

图标使用量

1. FontAsome 图标(免费版本)

使用 <Fas... />

• Fas 是类型("Fab","Far"和"Fas"是可活性的)

  • Fab 匹配品牌图标集
  • Fas 匹配固态图标集
  • Far 匹配正则图标集

• ... 格式化为 帕斯卡案件。 。 。 .

完整图标列表已提供 这里

实例:

<FasCheckCircle />
<FarCheckCircle />
<FabFacebook />

2. 加密图标

使用 <Crypto.../>

• ... 图标名称格式化为 帕斯卡案件。 。 。 .

可用的加密图标列表 这里

实例:

<CryptoBtc />
<CryptoXlm />

3. 自定义(bc)图标

使用 <Bc... />

• ... 图标名称格式化为 帕斯卡案件。 。 。 .

自定义图标列表可供使用 这里

实例:

<BcBlocks />
<BcTransactions />

发展

工具

两者 yarn 财务报告和审定财务报表 npm 被支持.

命令使用 npm 不过,你可以使用 yarn 和它会 只是工作间

链接

如果您想要更改库并反映您的更改在您的消费者应用上, 而无需推向回放和发布

1. git clone [email protected]:blockchain/components.git
2. cd path-to/components
3. npm link
4. cd path-to/my-app
5. npm link @blockchain-com/components

:zap: 你需要运行 npm link @blockchain-com/components 每次你跑的时候 npm i 或者说 yarn.

故事书

1. 确保安装了节点版本QQ 8.0
2. 安装软件包 : npm i
3. 以 dev 模式启动应用程序 : npm run start
4. 图书馆现在可在 本地主机: 6006

建筑

这个图书馆遵循 原子设计 原则.

已进一步注意确保所有组件均可使用,并完全能够运行,跨越主要网页浏览器*,以及对任何屏幕大小的反应.

使用量大于1%的浏览器 :

• IE 11 请检查URL=值 (帮助)
• 萨法里11+
• Chrome / Edge / Firefox 最新两个主要版本

代码质量

1. 减肥

编码样式规则由 高级 执行人 埃斯林特语Name

这个 good practices™ 我们所遵循的 Javascript 标准样式

以下命令可用 :

• npm run lint:js
  • Lints JS 代码
• npm run lint:css
  • Lints 有样式组件

2. 单位测试

测试使用 欢乐 财务报告和审定财务报表 酶。 。 。 .

以下命令可用 :

• npm test
  • 运行单元测试

3. 巨钩

我们用 胡斯基 自动部署 git 钩

在每一个 git commit 财务报告和审定财务报表 git push 我们进行单位测试 和起伏任务.

承诺信息也经过验证,必须遵循 常规武器委员会 谱.