/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

12 votes217 views4 answers
Need short long paragraph css
CSS
0 vote264 views1 answer
Nginx proxy_pass pass css asset not loading
CSS
0 vote236 views2 answers
Webpack animate.css
CSS
0 vote241 views2 answers
Linear gradient and url css
CSS
0 vote241 views1 answer
Button remove surroundings
CSS
7 votes287 views6 answers
Css background overlay
CSS
7 votes232 views1 answer
How to use multiple custom fonts in css
CSS
5 votes249 views3 answers
How to trim leading spaces in html using css
CSS
0 vote226 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
0 vote242 views1 answer
Text align in materialize css
CSS Materialize