react typescript tailwind css

akileus answered on August 19, 2022 Popularity 10/10 Helpfulness 10/10

answer react typescript tailwind css

related react typescript tailwind css

react typescript tailwind css

Comment

npx create-react-app app --template typescript

cd app

npm install -D tailwindcss postcss autoprefixer 

npx tailwindcss init -p


// tailwind.config.js
content: [
    './src/**/*.{js,jsx,ts,tsx}',
],
  
// src/index.css
@tailwind base;
@tailwind components;
@tailwind utilities;

Popularity 10/10 Helpfulness 10/10 Language shell

Source: dev.to

Tags: react-typescript shell tailwind-css

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

akileus

0 Answers Avg Quality 2/10

Closely Related Answers

react typescript tailwind css

Comment

npx create-react-app app --template typescript

cd app

npm install -D tailwindcss postcss autoprefixer 

npx tailwindcss init -p


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

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: react-typescript reac

Link to this answer
Share Copy Link

Contributed on Nov 02 2022

akileus

0 Answers Avg Quality 2/10

react typescript tailwind css

Contents

More Related Answers

react typescript tailwind css

Closely Related Answers

react typescript tailwind css

Grepper

Documentation

Social

Legal

Contact

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