mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 16:11:33 +08:00
29 lines
783 B
Plaintext
29 lines
783 B
Plaintext
```ts
|
|
// .storybook/preview.tsx
|
|
import React from 'react';
|
|
|
|
export default {
|
|
decorators: [
|
|
// 👇 Defining the decorator in the preview file applies it to all stories
|
|
(Story, { parameters }) => {
|
|
// 👇 Make it configurable by reading from parameters
|
|
const { pageLayout } = parameters;
|
|
switch (pageLayout) {
|
|
case 'page':
|
|
return (
|
|
// Your page layout is probably a little more complex than this ;)
|
|
<div className="page-layout"><Story /></div>
|
|
);
|
|
case 'page-mobile':
|
|
return (
|
|
<div className="page-mobile-layout"><Story /></div>
|
|
);
|
|
case default:
|
|
// In the default case, don't apply a layout
|
|
return <Story />;
|
|
}
|
|
},
|
|
],
|
|
};
|
|
```
|