/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

1 vote231 views1 answer
Css stylistic alternates
CSS
0 vote230 views1 answer
Css quitar el icono de lista
CSS
0 vote226 views1 answer
Make all elements in a div share same css
CSS
0 vote250 views1 answer
Html link local css file
CSS
1 vote228 views1 answer
Css testo che scorre
CSS
9 votes267 views5 answers
Html button size
CSS
0 vote225 views1 answer
Css horizontal scroll cards
CSS
43 votes248 views4 answers
Scale css
CSS
1 vote228 views1 answer
CSS technique for a horizontal line with icons in the middle
CSS
0 vote228 views1 answer
Css footer always at bottom but visible
CSS