TYPESCRIPT

react tailwind css components npm

// with npm
npm install react-tailwindcss-components
 
// with yarn
yarn add react-tailwindcss-components

react tailwind css components npm

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'react-tailwindcss-components';
 
function App() {
  return (
    <Button className="shadow-2xl border-green-400 bg-green-400 rounded font-bold text-white">
      Hello World
    </Button>
  );
}
 
ReactDOM.render(<App />, document.querySelector('#app'));

tailwind css and react

/** @type {import('tailwindcss').Config} */ 
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}