Storybook Addon Remix React Router screenshot

Storybook Addon Remix React Router

Author Avatar Theme by Jesusthehun
Updated: 21 Dec 2025
84 Stars

Use your app router in your stories. A decorator made for Remix React Router and Storybook

Categories

Overview

The Storybook Addon React Router v6 is a package that allows developers to use React Router v6 in their stories for Storybook. It provides documentation and instructions on how to install and use the package.

Features

  • Support for React Router v6
  • Ability to decorate all stories of a component with the router
  • Ability to decorate a specific story with the router
  • Option to wrap all project stories inside a router
  • Helpers for routing configuration and setting up routes

Installation

To install the Storybook Addon React Router v6, follow these steps:

  1. Install the package using npm:
npm install storybook-addon-react-router-v6
  1. Add the package to your Storybook configuration file:
// .storybook/main.js

module.exports = {
  addons: [
    'storybook-addon-react-router-v6'
  ]
}

Summary

The Storybook Addon React Router v6 is a helpful package for developers who want to use React Router v6 in their stories for Storybook. It provides features such as decorating all component stories with the router, configuring specific story routes, and wrapping all project stories inside a router. The package also includes helpers for routing configuration and compatibility with different versions of React. Contributions to the package are welcome and can be submitted through issue filings.