Overview

This CSS Custom Properties addon for Storybook streamlines the process of integrating and documenting CSS variables in your projects. Designed for easy installation and use, it enhances the development experience by automatically applying CSS properties while providing support for customization and configuration right out of the box. Whether you're working in MDX or standard documentation pages, this addon offers flexibility and efficiency when it comes to managing your styles.

Features

Easy Installation: Quickly enable the addon in your .storybook/main.js file to start benefiting from its features with minimal setup.
Automatic Documentation: Include your CSS Custom Properties without the initial -- prefix, and watch as the addon documents everything for you automatically.
Flexible Configuration: Configure the addon globally or on a story-by-story basis, allowing you to tailor functionality to your specific needs.
Type Detection: Automatically detects between color and text inputs, with the option to override defaults by specifying the control property.
MDX Support: Seamlessly add the component to your DocsPage or MDX documentation for better visualization of CSS properties.
Development Friendly: Built using npm@7 workspaces, this monorepo allows for easy dependency management by simply running npm i at the root.
Future Improvements Planned: The development team is actively working on enhancing functionalities like args detection in MDX and style specificity adjustments.

Ljcl

Storybook Addon Cssprops