storybook-contrast

Deprecated

Contrast is a Storybook Addon that automatically tells you the difference between your code and Figma designs. It's like a spell-checker for UI.

npm install storybook-contrast

226

Downloads per week

Contrast Storybook Addon

This addon is used to show Contrast handoff tool in the addon panel.

Demo

Demo

yarn add storybook-contrast

module.exports = {
    addons: ["storybook-contrast"]
};

Add script tag to your .storybook/preview-head.html. More info on preview-head here

<script
    id="contrast-snippet"
    src="http://contrast-snippet.s3.amazonaws.com/contrast-snippet.js"
></script>

Questions or feedback? You can reach us at support@contrast.app or through chat in the app.