嵌入的故事

在概念、媒介等中嵌入互动故事

加载
多米尼克阮
@domyen

1000个团队编写故事来记录和讨论组件. 它简化了团队的协作,因为已发布的Storybook充当了共享的参考点.

我很高兴能分享嵌入, 一种向团队成员和开发人员社区展示您的工作的新方式. 你可以把你的故事嵌入到像concept, Medium,甚至Wordpress这样的工具中. 在很多情况下,它们会自动展开.

👉 阅读完整的嵌入文档

如何嵌入

彩色支持oEmbed和standard


普通的故事嵌入

也可以使用画布URL (iframe).在没有Storybook工具栏的情况下嵌入故事.

点击故事书右上角的“open canvas in new tab”图标,获取画布URL,用你自己的应用id和故事路径替换.

/ / oEmbed
http://5ccbc373887ca40020446347-bysekhynzd.彩色.com/iframe.html?id = /故事/ shadowboxcta——违约&viewMode =故事

/ / iframe嵌入

文档页面嵌入

你也可以嵌入一个文档页面. 只需在新选项卡中打开画布,然后替换 viewMode =故事viewMode =文档 在URL中:

/ / oEmbed
http://5ccbc373887ca40020446347-bysekhynzd.彩色.com/iframe.html?id = /故事/ shadowboxcta——违约&viewMode =文档

/ / iframe嵌入

彩色由Storybook维护者

colour是Storybook团队开发的产品级UI测试和审查工具. 十博体育备用网址将您的工作流程自动化,这样您就可以用更少的工作交付ui.

👉今天试试chrom👈

这篇文章对你有帮助吗?

获得免费的UI开发指南和教程,就像这个电子邮件给你.

4402个开发者,还在增加

十博体育备用网址正在招聘!

加入故事书和彩色的团队. 构建成千上万开发人员在生产环境中使用的工具. Remote-first.

视图的工作

受欢迎的文章

对UI更改的评论

引脚注释,检查更改,并通过基线历史回放
加载
多米尼克阮
通过彩色
面向专业UI开发人员的深入指南和教程,来自Storybook团队
指南
介绍故事书为开发人员设计系统视觉测试手册
关于
订阅
加入墨水时事通讯,以获得免费的教程、指南和通过电子邮件发送给您的资源.
友情链接: 1 2 3 4 5 6 7 8 9 10