New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Storybook : allow to play with css vars #11

Closed

marc-bouvier opened this issue Feb 22, 2024 · 3 comments

Contributor

marc-bouvier commented Feb 22, 2024 •

edited

Loading

I want to play around with colors in storybook.

Contributor Author

marc-bouvier commented Feb 22, 2024

https://github.com/ljcl/storybook-addon-cssprops

Contributor Author

marc-bouvier commented Jan 23, 2025

Done.

Usage

When on a story, use the "Custom CSS Properties" Tab.

This only work with parts of the design system that have been ported to CSS vars.

Add missing variables to Storybook

https://github.com/iroco-co/iroco-ui/blob/main/.storybook/preview.ts

It should reflect variables declared here :

https://github.com/iroco-co/iroco-ui/blob/main/src/lib/scss/colors.scss

Contributor Author

marc-bouvier commented Jan 23, 2025 •

edited

Loading

3e84a60
583bca4
77ca4c3

marc-bouvier closed this as completed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment