More Premium Hugo Themes Premium React Themes

Storybook Addon Remix React Router

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

Storybook Addon Remix React Router

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

Author Avatar Theme by jesusthehun
Github Stars Github Stars: 84
Last Commit Last Commit: Dec 21, 2025 -
First Commit Created: Jan 15, 2024 -
Storybook Addon Remix React Router screenshot

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.