HTML Validator

This addon provide a in tab view of all errors and warning in the component HTML

View on Github

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?

gs1

gs2

gs3

gs4

Publish

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