Storybook 将组件设置到页面中央

Question

我正在将故事书引入到我们的 React 组件中。当我开始添加示例时：

组件本身被添加到左上角。在此示例中：http://react.carbondesignsystem.com/ ?selectedKind=ComposedModal&selectedStory=Using%20Header%20%2F%20Footer%20Props&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Fstories%2Fstories-panel

我们可以看到组件本身刷新在页面中间。

我怎么做？

Answer 1

您甚至可以layout: 'centered'在storybook的preview.js文件中添加作为参数。layout还可以在组件或故事级别添加参数。有关更多详细信息，请参阅https://storybook.js.org/docs/react/configure/story-layout 。