mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-16 05:03:11 +08:00
Docs: Addon Designs removes non-existing import
This commit is contained in:
parent
f4455027b3
commit
f0f4ce54a7
@ -3,14 +3,11 @@
|
|||||||
|
|
||||||
import type { Meta, StoryObj } from '@storybook/angular/';
|
import type { Meta, StoryObj } from '@storybook/angular/';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import { MyComponent } from './MyComponent.component';
|
import { MyComponent } from './MyComponent.component';
|
||||||
|
|
||||||
// More on default export: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export
|
// More on default export: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export
|
||||||
const meta: Meta<MyComponent> = {
|
const meta: Meta<MyComponent> = {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
@ -1,14 +1,11 @@
|
|||||||
```js
|
```js
|
||||||
// MyComponent.stories.js|jsx
|
// MyComponent.stories.js|jsx
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import { MyComponent } from './MyComponent';
|
import { MyComponent } from './MyComponent';
|
||||||
|
|
||||||
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
||||||
export default {
|
export default {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const Example = {
|
export const Example = {
|
||||||
|
@ -3,14 +3,11 @@
|
|||||||
|
|
||||||
import type { Meta, StoryObj } from '@storybook/react';
|
import type { Meta, StoryObj } from '@storybook/react';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import { MyComponent } from './MyComponent';
|
import { MyComponent } from './MyComponent';
|
||||||
|
|
||||||
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
||||||
const meta = {
|
const meta = {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
} satisfies Meta<typeof MyComponent>;
|
} satisfies Meta<typeof MyComponent>;
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
@ -3,14 +3,11 @@
|
|||||||
|
|
||||||
import type { Meta, StoryObj } from '@storybook/react';
|
import type { Meta, StoryObj } from '@storybook/react';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import { MyComponent } from './MyComponent';
|
import { MyComponent } from './MyComponent';
|
||||||
|
|
||||||
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
||||||
const meta: Meta<typeof MyComponent> = {
|
const meta: Meta<typeof MyComponent> = {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
@ -1,13 +1,10 @@
|
|||||||
```js
|
```js
|
||||||
// MyComponent.stories.js|jsx
|
// MyComponent.stories.js|jsx
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import { MyComponent } from './MyComponent';
|
import { MyComponent } from './MyComponent';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const Example = {
|
export const Example = {
|
||||||
|
@ -3,13 +3,10 @@
|
|||||||
|
|
||||||
import type { Meta, StoryObj } from 'storybook-solidjs';
|
import type { Meta, StoryObj } from 'storybook-solidjs';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import { MyComponent } from './MyComponent';
|
import { MyComponent } from './MyComponent';
|
||||||
|
|
||||||
const meta = {
|
const meta = {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
} satisfies Meta<typeof MyComponent>;
|
} satisfies Meta<typeof MyComponent>;
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
@ -3,13 +3,10 @@
|
|||||||
|
|
||||||
import type { Meta, StoryObj } from 'storybook-solidjs';
|
import type { Meta, StoryObj } from 'storybook-solidjs';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import { MyComponent } from './MyComponent';
|
import { MyComponent } from './MyComponent';
|
||||||
|
|
||||||
const meta: Meta<typeof MyComponent> = {
|
const meta: Meta<typeof MyComponent> = {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
@ -1,14 +1,11 @@
|
|||||||
```js
|
```js
|
||||||
// MyComponent.stories.js
|
// MyComponent.stories.js
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import MyComponent from './MyComponent.svelte';
|
import MyComponent from './MyComponent.svelte';
|
||||||
|
|
||||||
// More on default export: https://storybook.js.org/docs/svelte/writing-stories/introduction#default-export
|
// More on default export: https://storybook.js.org/docs/svelte/writing-stories/introduction#default-export
|
||||||
export default {
|
export default {
|
||||||
component: { MyComponent },
|
component: { MyComponent },
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const Example = {
|
export const Example = {
|
||||||
|
@ -3,14 +3,11 @@
|
|||||||
|
|
||||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import MyComponent from './MyComponent.svelte';
|
import MyComponent from './MyComponent.svelte';
|
||||||
|
|
||||||
<Meta
|
<Meta
|
||||||
title="FigmaExample"
|
title="FigmaExample"
|
||||||
component={MyComponent}
|
component={MyComponent}
|
||||||
decorators={[withDesign]}
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
|
@ -1,14 +1,11 @@
|
|||||||
```js
|
```js
|
||||||
// MyComponent.stories.js
|
// MyComponent.stories.js
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import MyComponent from './MyComponent.vue';
|
import MyComponent from './MyComponent.vue';
|
||||||
|
|
||||||
// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
|
// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
|
||||||
export default {
|
export default {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const Example = {
|
export const Example = {
|
||||||
|
@ -4,14 +4,11 @@
|
|||||||
// Replace vue3 with vue if you are using Storybook for Vue 2
|
// Replace vue3 with vue if you are using Storybook for Vue 2
|
||||||
import type { Meta, StoryObj } from '@storybook/vue3';
|
import type { Meta, StoryObj } from '@storybook/vue3';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import MyComponent from './MyComponent.vue';
|
import MyComponent from './MyComponent.vue';
|
||||||
|
|
||||||
// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
|
// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
|
||||||
const meta = {
|
const meta = {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
} satisfies Meta<typeof MyComponent>;
|
} satisfies Meta<typeof MyComponent>;
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
@ -4,14 +4,11 @@
|
|||||||
// Replace vue3 with vue if you are using Storybook for Vue 2
|
// Replace vue3 with vue if you are using Storybook for Vue 2
|
||||||
import type { Meta, StoryObj } from '@storybook/vue3';
|
import type { Meta, StoryObj } from '@storybook/vue3';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
import MyComponent from './MyComponent.vue';
|
import MyComponent from './MyComponent.vue';
|
||||||
|
|
||||||
// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
|
// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
|
||||||
const meta: Meta<typeof MyComponent> = {
|
const meta: Meta<typeof MyComponent> = {
|
||||||
component: MyComponent,
|
component: MyComponent,
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
@ -1,11 +1,8 @@
|
|||||||
```js
|
```js
|
||||||
// MyComponent.stories.js
|
// MyComponent.stories.js
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
component: 'my-component',
|
component: 'my-component',
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const Example = {
|
export const Example = {
|
||||||
|
@ -3,11 +3,8 @@
|
|||||||
|
|
||||||
import type { Meta, StoryObj } from '@storybook/web-components';
|
import type { Meta, StoryObj } from '@storybook/web-components';
|
||||||
|
|
||||||
import { withDesign } from 'storybook-addon-designs';
|
|
||||||
|
|
||||||
const meta: Meta = {
|
const meta: Meta = {
|
||||||
component: 'my-component',
|
component: 'my-component',
|
||||||
decorators: [withDesign],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user