Skip to content

Import built Tailwind CSS bundle in Storybook

Paul Gascou-Vaillancourt requested to merge storybook-tailwind into master

What does this MR do and why?

Ensures that Tailwind utilities are included in the Storybook so that components that depend on them render properly.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
Screenshot_2024-04-10_at_4.07.00_PM Screenshot_2024-04-10_at_4.04.18_PM

How to set up and validate locally

  1. Enable the tailwind_all_the_way feature flag: echo "Feature.enable(:tailwind_all_the_way)" | rails c.
  2. Run the Storybook: yarn storybook:start.
  3. Navigate to a story that depends on utilities eg http://localhost:9002/?path=/story/vue-shared-groups-list--default.
Edited by Paul Gascou-Vaillancourt

Merge request reports