/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 vote205 views1 answer
Resctrict css to apply on div
CSS
11 votes167 views3 answers
Round button css
CSS
197 votes315 views6 answers
Connect html file to css
CSS
4 votes196 views4 answers
Change placeholder color
CSS
49 votes217 views6 answers
Min and max width media query
CSS
0 vote192 views1 answer
Docker buildx push to private registry
CSS
1 vote208 views2 answers
Css select all immediate children
CSS
0 vote217 views1 answer
Background Image Accessibility concerns
CSS
7 votes205 views6 answers
Background overlay css
CSS
2 votes193 views1 answer
Reset a tag css
CSS