Back to Storybook

Tanstack React Plain Component Story

docs/_snippets/tanstack-react-plain-component-story.md

10.4.01011 B
Original Source
ts
import type { Meta, StoryObj } from '@storybook/tanstack-react';

import { Page } from './Page';

const meta = {
  component: Page,
} satisfies Meta<typeof Page>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
  parameters: {
    tanstack: {
      router: {
        route: {
          path: '/demo/form/address',
        },
        query: { view: 'list' },
      },
    },
  },
};
ts
import preview from '../.storybook/preview';

import { Page } from './Page';

const meta = preview.meta({
  component: Page,
});

export const Default = meta.story({
  parameters: {
    tanstack: {
      router: {
        route: {
          path: '/demo/form/address',
        },
        query: { view: 'list' },
      },
    },
  },
});
<!-- JS snippets still needed while providing both CSF 3 & Next -->