church-website/.storybook/preview.tsx
2025-03-11 13:16:07 +01:00

32 lines
661 B
TypeScript

import type { Preview } from '@storybook/react'
import { defaultFont } from '@/assets/fonts'
const preview: Preview = {
decorators: [
(Story) => {
return (
<div className={defaultFont.className} style={{fontSize: 20}}>
<Story />
</div>
)
},
],
parameters: {
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
},
},
backgrounds: {
values: [
{ name: "light", value: "#ffffff" },
{ name: "shade2", value: "#CBD6D5" },
{ name: 'dark', value: "#728F8D" }
],
default: "light"
}
}
}
export default preview