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

react typescript tailwindcss with prettier

akileus answered on February 26, 2023 Popularity 5/10 Helpfulness 10/10

answer react typescript tailwindcss with prettier

react typescript tailwindcss with prettier

Comment

npx create-react-app app --template typescript

cd app

npm install -D tailwindcss prettier prettier-plugin-tailwindcss 

npx tailwindcss init

// tailwind.config.js
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  
  theme: {
    colors: {
      primary: "#101010",
      mainback: "#1D0070",
      white: "#fff",
      black: "#000",
      default: "#D2D5DA",
    },
    screens: {
      sm: { max: "768px", min: "350px" },
      md: "768px" ,
      lg: "1080px" ,
      xl: {min: "1440px"},
    },
  },
  
// src/index.css
@tailwind base;
@tailwind components;
@tailwind utilities;

Popularity 5/10 Helpfulness 10/10 Language shell

Source: Grepper

Tags: prettier react-typescript shell tailwind-css

Link to this answer
Share Copy Link

Contributed on Feb 26 2023

akileus

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.

react typescript tailwindcss with prettier

Contents

More Related Answers

react typescript tailwindcss with prettier

Grepper

Documentation

Social

Legal

Contact

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