From 071e17197c4f2d123c853373f9925cf222e3cb3f Mon Sep 17 00:00:00 2001 From: Greg Poole Date: Wed, 17 Jul 2024 14:48:43 +1000 Subject: [PATCH] Docs: Make Next.js Tailwind instructions more explicit for default globals.css --- docs/get-started/frameworks/nextjs.mdx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/docs/get-started/frameworks/nextjs.mdx b/docs/get-started/frameworks/nextjs.mdx index e6322452d6a2..ea4ca920ad8d 100644 --- a/docs/get-started/frameworks/nextjs.mdx +++ b/docs/get-started/frameworks/nextjs.mdx @@ -534,7 +534,14 @@ Storybook for Next.js is a [framework](../../contribute/framework.mdx) that make Next.js lets you [customize PostCSS config](https://nextjs.org/docs/pages/building-your-application/configuring/post-css). Thus this framework will automatically handle your PostCSS config for you. - This allows for cool things like zero-config Tailwind! (See [Next.js' example](https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss)) + This allows for cool things like zero-config Tailwind! (See [Next.js' example](https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss)). + + For Tailwind, import your global CSS into [`.storybook/preview.js|ts`](../../configure/index.mdx#configure-story-rendering): + + ```js + // .storybook/preview.js|ts + import '../app/globals.css'; + ``` ## Absolute imports