@storybook/vue
- Version 7.6.17
- Published
- 48.7 kB
- 8 dependencies
- MIT license
Install
npm i @storybook/vue
yarn add @storybook/vue
pnpm add @storybook/vue
Overview
Storybook Vue renderer
Index
Variables
Interfaces
Type Aliases
Variables
variable configure
const configure: (loader: Addon_Loadable, module: NodeModule) => void;
variable forceReRender
const forceReRender: () => void;
variable raw
const raw: () => any;
variable storiesOf
const storiesOf: any;
Interfaces
interface VueRenderer
interface VueRenderer extends WebRenderer {}
property component
component: Component<any, any, any, any> | AsyncComponent<any, any, any, any>;
property storyResult
storyResult: StoryFnVueReturnType;
Type Aliases
type Decorator
type Decorator<TArgs = StrictArgs> = DecoratorFunction<VueRenderer, TArgs>;
type Loader
type Loader<TArgs = StrictArgs> = LoaderFunction<VueRenderer, TArgs>;
type Meta
type Meta<TCmpOrArgs = Args> = ComponentAnnotations< VueRenderer, ComponentPropsOrProps<TCmpOrArgs>>;
Metadata to configure the stories for a component.
See Also
[Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
type Preview
type Preview = ProjectAnnotations<VueRenderer>;
type Story
type Story<TArgs = Args> = StoryFn<TArgs>;
See Also
[Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
Deprecated
Use
StoryFn
instead. UseStoryObj
if you want to migrate to CSF3, which uses objects instead of functions to represent stories. You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/Story function that represents a CSFv2 component example.
type StoryContext
type StoryContext<TArgs = StrictArgs> = StoryContext$1<VueRenderer, TArgs>;
type StoryFn
type StoryFn<TCmpOrArgs = Args> = AnnotatedStoryFn< VueRenderer, ComponentPropsOrProps<TCmpOrArgs>>;
Story function that represents a CSFv2 component example.
See Also
[Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
type StoryObj
type StoryObj<TMetaOrCmpOrArgs = Args> = TMetaOrCmpOrArgs extends { render?: ArgsStoryFn<VueRenderer, any>; component?: infer C; args?: infer DefaultArgs;} ? TMetaOrCmpOrArgs extends Component<any> ? StoryAnnotations<VueRenderer, ComponentPropsOrProps<TMetaOrCmpOrArgs>> : Simplify< ComponentProps<C> & ArgsFromMeta<VueRenderer, TMetaOrCmpOrArgs> > extends infer TArgs ? StoryAnnotations< VueRenderer, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>> > : never : StoryAnnotations<VueRenderer, ComponentPropsOrProps<TMetaOrCmpOrArgs>>;
Story function that represents a CSFv3 component example.
See Also
[Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
Package Files (2)
Dependencies (8)
Dev Dependencies (3)
Peer Dependencies (4)
Badge
To add a badge like this oneto your package's README, use the codes available below.
You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/@storybook/vue
.
- Markdown[](https://www.jsdocs.io/package/@storybook/vue)
- HTML<a href="https://www.jsdocs.io/package/@storybook/vue"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>
- Updated .
Package analyzed in 2489 ms. - Missing or incorrect documentation? Open an issue for this package.