32 lines
647 B
TypeScript
32 lines
647 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
import '../src/styles/demo.css';
|
||
|
|
import type { Preview } from "@storybook/react";
|
||
|
|
|
||
|
|
const preview: Preview = {
|
||
|
|
parameters: {
|
||
|
|
actions: { argTypesRegex: "^on[A-Z].*" },
|
||
|
|
controls: {
|
||
|
|
matchers: {
|
||
|
|
color: /(background|color)$/i,
|
||
|
|
date: /Date$/,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
options: {
|
||
|
|
storySort: {
|
||
|
|
order: ['Global', 'Settings', 'Experimental'],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
decorators: [
|
||
|
|
(Story) => (
|
||
|
|
<div className="signup-form" style={{ padding: '24px' }}>
|
||
|
|
{/* 👇 Decorators in Storybook also accept a function. Replace <Story/> with Story() to enable it */}
|
||
|
|
<Story />
|
||
|
|
</div>
|
||
|
|
),
|
||
|
|
],
|
||
|
|
};
|
||
|
|
|
||
|
|
export default preview;
|