AI Code Toolkit

import type { Preview } from '@storybook/react'; import '../src/app/globals.css'; const preview: Preview = { parameters: { controls: { matchers: { color: /(background|color)$/i, date: /Date$/i, }, }, // Set default view to Canvas (Playground) viewMode: 'story', // Auto-open the controls panel for interactive playground previewTabs: { 'storybook/docs/panel': { index: -1 }, canvas: { title: 'Playground' }, }, }, }; export default preview;