Create documentation on how to use CSS libraries with Storybook

[jonniebigodes]

Looking at the documentation in its current state there's a gap in terms of how to set up common CSS tools and libraries. For example:

• CSS modules
• CSS in JS (Styled Components, Emotion)
• Tailwind

We'll need to mitigate this and incorporate it in our documentation.

A possible solution for this:

• Create a new section in the Sidebar and name it How-to and Guides
• Add a category for CSS and create mini-guides on how to set up said tools and consume them in Storybook.

Feel free to provide feedback

[Umayarz18]

I think having a How-to and guides segment on the sidebar would be nice. Not only does it open the door for guides about setting up CSS, but also guides that other SB users might want in the future.

[lirbank]

I found a solution to getting Tailwind JIT work with Storybook hot reload (dev mode), posted here: tailwindlabs/tailwindcss#6570 (comment)

[kylegach]

We now have a bunch of recipes listed here: https://storybook.js.org/integrations, including ones for styled-components, emotion, and Tailwind CSS.