-
Notifications
You must be signed in to change notification settings - Fork 0
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.
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
Storybook #6
Storybook #6
Conversation
In order for Tailwind CSS to show up in Storybook, a few changes needed to be made: - postcss.config.mjs needed to be renamed to postcss.config.js so that Storybook could find it - tailwind.config.ts needed to be updated to include the path to Storybook's stories folder - I tested the changes by updating the Button component with a Tailwind color and running `npm run storybook` to check that the component was styled correctly
✅ Deploy Preview for uncloud ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
Will check the "Chromatic Publish / test (push)" in the morning. |
Ok! Looks like deployment is all good now. I had followed the instructions in Storybook's documentation, but it appears they're outdated. The instructions on Chromatic (where the Storybook will be deployed) worked. Note, that I've also added our chromatic project token as a Github repository token. |
Add link to published Storybook.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Testing it out, worked well for me
Description
This PR:
Related Issue
N/A
Related Story Card
N/A
Type of Changes
Dependency update
Acceptance Criteria
N/A
Testing Instructions
npm run storybook
, and check the button component: it should be blue (via the Tailwind CSS class)