Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Nuxt + Storybook
A no config Storybook addon that makes nuxtjs features just work in Storybook
npm install s8n11c-storybook-addon-nuxt
Last updated 10 months ago
2
Downloads per week
Readme View on GitHub

Note \ To use Storybook with Nuxt3, please use the nuxt-modules repository. \ https://github.com/nuxt-modules/storybook

Storybook Addon Nuxt

This add-on makes it easier to set up Storybook in your Nuxt3 project.

Supported Features

  • Auto Imports
  • NuxtLink

Since we're still in the early stages of the project, there are several features that we still need to tackle. We're open to hearing your requests for features and will address them in the order we receive them. Please feel free to let us know what you need without hesitation.

Requirements

  • Nuxt >= 3.x
  • Storybook >= 7.x

Examples

Getting Started

Installation

First setup Storybook.

In your Nuxt project directory:

npx storybook@latest init --type vue3 --builder vite

Install storybook-addon-nuxt using npm:

npm install --save-dev storybook-addon-nuxt

Or yarn:

yarn add --dev storybook-addon-nuxt

Register the Addon in main.js

// .storybook/main.js

module.exports = {
  // other config ommited for brevity
  addons: [
    // ...
    'storybook-addon-nuxt'
    // ...
  ]
}
Join the community
6,616 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetry
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI