Breaking News: Grepper is joining You.com. Read the official announcement!

tailwindcss screen debugger in nextjs

Shirshak Kandel answered on February 26, 2024 Popularity 1/10 Helpfulness 1/10

answer tailwindcss screen debugger in nextjs

tailwindcss screen debugger in nextjs

Comment

//Step 1
npm i -D tailwindcss-debug-screens
//Step 2 in tailwind.config.js
  plugins: [
    require("tailwindcss-animate"),
    require("tailwindcss-debug-screens")
	]
//Step 3 add in layout.tsx add  debug-screen class
<body
          className={cn(
            process.env.NODE_ENV === "development" && "debug-screen",
            montserrat.className,
          )}
        >
          <Toaster />
          {children}
        </body>

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: screen tailwind-css typescript

Link to this answer
Share Copy Link

Contributed on Feb 26 2024

Shirshak Kandel

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

tailwindcss screen debugger in nextjs

Contents

More Related Answers

tailwindcss screen debugger in nextjs

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.