pnpm add -D @tzvipm.dev/storybook-solidjs

What is this?

This package provides the SolidJS renderer for Storybook. It allows you to develop and test SolidJS components in isolation with Storybook's powerful development environment.

Getting Started

Visit our GitHub repository for comprehensive documentation and setup instructions.

Features

• 🎯 Type-safe - Full TypeScript support
• ⚡ Fast Refresh - Instant feedback with Vite HMR
• 🎨 Interactive Controls - Fine-grained component props manipulation
• 🧪 Testing Support - Works with @storybook/test
• 📝 Auto-generated Docs - Component documentation from your code

Quick Example

// Button.stories.tsx
import type { Meta, StoryObj } from '@tzvipm.dev/storybook-solidjs';
import { Button } from './Button';

const meta = {
  title: 'Example/Button',
  component: Button,
} satisfies Meta<typeof Button>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Primary: Story = {
  args: {
    primary: true,
    label: 'Button',
  },
};

License

MIT