@idesigncode/storybook-tools

A collection of ESM tools to document component implementation examples in Storybook.

Documentation

Check out the documentation for all examples and configuration details.

Installation

npm i @idesigncode/storybook-tools --save-dev

Features

• ✏️ Write functional "example components" for actual use cases of a component.
• 📑 PropsTable: automatically document static & "live-updating" props details.
• 🖥️ Source: output production-ready source code with Raw Imports & Import Path Replacements.
• 🌙 DocsContainer: dark mode support for Storybook Docs with storybook-dark-mode.
• 📸 Image snapshot testing compatible.
• 🎉 Compatible with MDX and CSF stories.
• 🧪 Tested with Storybook Test Runner to run User Interaction, DOM & Image Snapshot tests.

Requirements

• See peer dependencies
• The default Webpack builder for Storybook.
• A small amount of configuration for Webpack & the default CSS styles.