@ epilot/ base- 要素
通用 反应 epilot UI 元素的组件.
(原始内容存档于2018-09-28) (英语). dev.epilot.io
依据 材料界面
快开始
yarn
yarn start
故事书
yarn run storybook
yarn run build-storybook
本地运行 http://localhost:5500/bundle.js
贡献 MDX( 标记下文档)
添加一个 .stories.mdx 文件与故事并列(例如: 故事/进步. 设计. stories.mdx(中文(简体) )
添加一个 <Meta> 标记如下:
import { Meta } from '@storybook/addon-docs';
import { Progress } from '../src';
<Meta title='Elements/Feedback/Progress/Design' component={Progress} />;
通过 component 你正在记录,还有 title 根据你希望你的故事在导航中出现的地方:

然后您可以添加您的文档, 包含下调、 嵌入式故事和图像, 如此所示 完整实例数字 :
import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Progress } from '../src'
<Meta
title="Elements/Feedback/Progress/Design"
component={Progress}
/>
# Progress Indicator
Embedded story
<Canvas>
<Story id="elements-feedback-progress--circular-progress-indeterminade-story" />
</Canvas>
Here is an image using Markdown:

Here is an image using MDX:
<img src="/img/progress-image-demo.png" alt="My image" />