/CSS/How to properly install tailwind css in react

How to properly install tailwind css in react

Commmand for installing tailwind to react

npm install tailwindcss

Source: daveceddia.com

How to properly install tailwind css in react

@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";

Source: smashingmagazine.com

How to properly install tailwind css in react

npm install tailwindcss postcss-cli autoprefixer@9.8.6 -D

Source: smashingmagazine.com

How to properly install tailwind css in react

const tailwindcss = require('tailwindcss');
module.exports = {
    plugins: [
        tailwindcss('./tailwind.js'),
        require('autoprefixer')
    ],
};

Source: smashingmagazine.com

How to properly install tailwind css in react

touch postcss.config.js

Source: smashingmagazine.com

How to properly install tailwind css in react

npx create-react-app react-tailwindcss && cd react-tailwindcss

-1

Source: smashingmagazine.com

Similar codes

0 vote152 views1 answer
Bootstrap-navbar-brand
CSS
0 vote251 views1 answer
Parcel-bundler bulma css
CSS Bulma
0 vote141 views1 answer
French bakery northgate
CSS
1 vote140 views1 answer
Disable checkbox click event
CSS
-1 vote255 views1 answer
How to write a comment in css
CSS
1 vote185 views3 answers
Rainbow text css
CSS
53 votes139 views6 answers
How to underline text in css
CSS
0 vote155 views1 answer
Chai assert
CSS
0 vote135 views1 answer
Enhancer for Youtube DeepDark Theme
CSS
0 vote161 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS