react typescript tailwind css

Code+Composer answered on November 2, 2022 Popularity 10/10 Helpfulness 4/10

answer react typescript tailwind css

related vite react typescript tailwind

react typescript tailwind css

Comment

-1

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 tailwind-css whatever

Link to this answer
Share Copy Link

Contributed on Nov 02 2022

Code+Composer

0 Answers Avg Quality 2/10

Closely Related Answers

vite react typescript tailwind

Comment

npm create vite@latest . -- --template react-ts

npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p

# Modify in ./tailwind.config.js:
content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],

# Insert in ./src/index.css:
@tailwind base; @tailwind components; @tailwind utilities;

npm run dev

Popularity 9/10 Helpfulness 10/10 Language shell

Source: Grepper

Tags: react-typescript reac

Link to this answer
Share Copy Link

Contributed on Jul 08 2024

Elegant Earthworm

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 tailwind css

Contents

More Related Answers