Show HN: Storybook Addon – Range Controls (sliders for strings, numbers, arrays)
1 silverbirder 0 8/16/2025, 12:16:47 PM npmjs.com ↗
Hi HN,
I built a small addon for Storybook called Range Controls. It adds sliders to adjust story args — useful for stress-testing layouts with varying strings, numbers, and arrays.
Motivation:
I often used Storybook’s built-in argTypes with type: "range", which is great for primitives. But for nested cases like arrays of objects (e.g. tags inside a card), I found myself writing the same boilerplate over and over. This addon tries to make that setup easier.
- Live demo: https://develop--689dd119bb72c220c0ddb738.chromatic.com/
- npm: https://www.npmjs.com/package/storybook-addon-range-controls
- GitHub: https://github.com/silverbirder/storybook-addon-range-contro...
Feedback is very welcome — API clarity, missing features, or rough edges.
Thanks!
No comments yet