Added storybook ability to work on widgets before deployment to site.

This commit is contained in:
2026-06-16 15:42:03 -07:00
parent f0aa3d149b
commit d42b11381f
35 changed files with 6837 additions and 121 deletions
+17
View File
@@ -0,0 +1,17 @@
/** @type { import('@storybook/react-vite').StorybookConfig } */
const config = {
"stories": [
"../src/**/*.mdx",
"../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
],
"addons": [
"@chromatic-com/storybook",
"@storybook/addon-vitest",
"@storybook/addon-a11y",
"@storybook/addon-docs"
],
"framework": "@storybook/react-vite"
};
export default config;
+30
View File
@@ -0,0 +1,30 @@
import React from 'react';
import { Provider } from '../src/components/ui/provider'; // Adjust path if needed
/** @type { import('@storybook/react').Preview } */
const preview = {
parameters: {
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
},
},
backgrounds: {
default: 'dark',
values: [
{ name: 'dark', value: '#1a202c' },
{ name: 'light', value: '#ffffff' },
],
},
},
decorators: [
(Story) => (
<Provider>
<Story />
</Provider>
),
],
};
export default preview;