/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

29 votes105 views3 answers
How to remove scrollbar in css
CSS
19 votes100 views3 answers
Keyframes
CSS
0 vote106 views1 answer
Parcel-bundler bulma css
CSS
0 vote111 views2 answers
Css flip text
CSS
0 vote105 views1 answer
Connect style sheet to html document
CSS
3 votes116 views3 answers
Css border-left
CSS
11 votes127 views2 answers
Scss include
CSS
-1 vote137 views1 answer
Critical css
CSS
5 votes106 views1 answer
How to create a shape in css
CSS
0 vote108 views1 answer
Aligning form elements to center in css
CSS