mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 02:21:07 +08:00
27 lines
666 B
Plaintext
27 lines
666 B
Plaintext
```tsx
|
|
// .storybook/preview.tsx
|
|
import React from 'react';
|
|
import { Preview } from '@storybook/react';
|
|
import { ThemeProvider } from 'styled-components';
|
|
|
|
// themes = { light, dark }
|
|
import * as themes from '../src/themes';
|
|
|
|
const preview: Preview = {
|
|
decorators: [
|
|
// 👇 Defining the decorator in the preview file applies it to all stories
|
|
(Story, { parameters }) => {
|
|
// 👇 Make it configurable by reading the theme value from parameters
|
|
const { theme = 'light' } = parameters;
|
|
return (
|
|
<ThemeProvider theme={themes[theme]}>
|
|
<Story />
|
|
</ThemeProvider>
|
|
);
|
|
},
|
|
],
|
|
};
|
|
|
|
export default preview;
|
|
```
|