React 19 Tutorial in Hindi #54 Install Tailwind CSS in React.js
Open Links for installation
Install tailwind CSS and helper package
Update config file
Apply Tailwind css and test
Interview Question
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{jsx,}",
],
theme: {
extend: {},
},
plugins: [],
}
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import App from './App.jsx'
import './index.css'
createRoot(document.getElementById('root')).render(
<StrictMode>
<App />
</StrictMode>,
)
@tailwind base;
@tailwind components;
@tailwind utilities;
export default function App() {
return (
<div>
<h2 className="bg-red-700 text-3xl border-green-600 border-8">Tailwind CSS setup</h2>
</div>
)
}