文档

彩色索引和版本您的组件在一个可搜索的库. 您可以浏览组件和故事跨分支和过去的构建从web应用程序. 这有助于团队发现现有的工作,以重用和参考“现有技术”.

文档

浏览图书馆

库屏幕在分支的基础上可视化最新的组件. 浏览现有组件以重用或引用. 使用分支选择器来查找特定于分支的组件.

  • 通过比较历史提交和分支来识别更改
  • 与队友共享库
  • 浏览现有组件以进行重用

组件库

演示组件

每个提交和分支都对组件及其故事进行了安全索引. 使用组件屏幕来演示组件,而不需要切换分支、拉代码或Git. 它是您了解元数据和组件变体的窗口. 你也可以分享这个屏幕的链接来获得反馈.

组件的屏幕

直接访问您的故事书

您的故事书出版在十博体育备用网址的安全CDN. 合作者与 访问权限 也可以通过登录获得访问权限.

彩色生成一个 永久链接 获取给定分支上最新上传的故事书. 这使得它很容易与你的队友分享或从文档链接到. http://<分支>--.彩色.com

直接的故事书

当你链接到一个库或彩色组件, 链接到最新的版本是很有用的 分支 而不是特定的构建. 为此,添加 分支= foo 查询参数the url.

例子: http://www.unionparklounge.com/library?appId =...&主要分支=.

嵌入

如果您正在编写故事书之外的组件文档,您可能能够 嵌入互动故事. 这可以在许多支持oEmbed规范的平台上工作.


接下来:使用CI实现自动化

现在,您已经学习了如何在彩色文档中记录UI组件, 让十博体育备用网址看看如何将chromial整合到你的持续整合管道中,并进行PR状态检查.

阅读下一章


故障排除

为什么我的故事书不能加载在彩色的画布标签?

如果您的故事使用非http内容(例如图像), 十博体育备用网址交付的实时视图将无法加载iframe, 因为现代浏览器不允许混合内容(托管在HTTPS页面中的HTTP内容).

要解决这个问题,请确保您的故事使用的所有资源都是通过HTTPS托管的.

友情链接: 1 2 3 4 5 6 7 8 9 10