tailwindcss-debug-screens

Shirshak Kandel answered on April 8, 2024 Popularity 6/10 Helpfulness 8/10

answer tailwindcss-debug-screens

tailwindcss-debug-screens

Comment

npm install tailwindcss-debug-screens --save-dev
//in tailwind.config.ts
module.exports = {
  //...
  plugins: [
    require('tailwindcss-debug-screens'),
  ]
}

//at root of project layout.tsx in nextjs
 <html lang="en">
      <body
        className={cn(
          sansSerifBookFLF.variable,
          workSans.variable,
          process.env.NODE_ENV === 'development' && 'debug-screens',
        )}
      >
        <Toaster />
        {children}
      </body>
    </html>

Popularity 6/10 Helpfulness 8/10 Language typescript

Source: Grepper

Tags: typescript

Link to this answer
Share Copy Link

Contributed on Apr 08 2024

Shirshak Kandel

0 Answers Avg Quality 2/10

tailwindcss-debug-screens

Contents

More Related Answers

tailwindcss-debug-screens

Grepper

Documentation

Social

Legal

Contact

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