Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

storybook-addon-html-validator-w3c

gajjuthechamp4kMIT4.0.1TypeScript support: included

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

storybook-addon-html-validator, storybook-addon-html-validator-w3c, storybook-addon-html-w3c-validator, w3c-validator, html-w3c-validator, html-w3c, storybook-addon, html-validator, HTML, Validator, storybook-addons, debug, addon

readme

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)

changelog