Storybook Addon HTML Validator

This addon provide a in tab view of all HTML validation errors and warning in the component HTML, W3C Validator service

Install

npm i storybook-addon-html-validator-w3c

Then, register it as an addon in .storybook/main.js.

// .storybook/main.ts

// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
import type { StorybookConfig } from '@storybook/your-framework';

const config: StorybookConfig = {
  // ...rest of config
  addons: [
    '@storybook/addon-essentials'
    'storybook-addon-html-validator-w3c', // 👈 register the addon here
  ],
};

export default config;

Done...

Check the component in your storybook pannel addons

Want to Buy me a Coffee ??

paypal: gsparihar28 👈 👈 👈 👈 👈 👈

How it looks?

Publish

• npx auto create-labels
• npm run release (Check for 2FA)