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 6/10 Helpfulness 7/10 Language shell

Source: Grepper

Tags: react-typescript shell vite

Link to this answer
Share Copy Link

Contributed on Jul 08 2024

Elegant Earthworm

0 Answers Avg Quality 2/10

react typescript tailwind css

Contents

More Related Answers

react typescript tailwind css

Closely Related Answers

vite react typescript tailwind

Grepper

Documentation

Social

Legal

Contact

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