检查色

isChromatic () 让你完全控制在彩色环境中执行什么代码. 在你的故事书中使用它来省略/包含将在彩色快照中捕获的行为.

用在 .故事书/预览.js

当你想要改变所有故事在着色时的行为时,这是有用的.

// .故事书/预览.js

进口 isChromatic  "彩色/ isChromatic";

/ /禁用动画
if (isChromatic()) {
  //具体的方法取决于你的动画技术.
  AnimationLibrary.禁用 = 真正的;
}

/ /禁用lazyloading
LazyLoad.禁用 = isChromatic();

使用*.故事.js

当你想要改变一个组件的故事在着色时的行为时,这是有用的.

MyComponent / /添加.故事.js MyComponent |添加.故事.ts

进口 MyComponent  ".MyComponent /添加";
进口 isChromatic  "彩色/ isChromatic";

出口 默认的 {
  组件: MyComponent,
};

常量 Template = (arg游戏) => <MyComponent {...arg游戏} />;

出口 常量 StoryName = Template.绑定({});
StoryName.arg游戏 = {
  label: isChromatic() ? 我在彩色的 : 不是彩色的,
};

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