Cómo instalar y utilizar material-tailwind en react

Hola amigos de la #nerdytud

A veces queremos re inventar la rueda, algunas veces lo logramos y otras no y dejamos algún proyecto propio en el camino. En el día de hoy me he topado con material-tailwind, una mezcla perfecta de sencillez en la instalación, como así en su uso

Crear proyecto

npx create-react app dummy

Instalación de dependencias

npm i -E @material-tailwind/react

Importación de css en app.js

import "@material-tailwind/react/tailwind.css";

Código

import "@material-tailwind/react/tailwind.css";

import { Button, Input } from "@material-tailwind/react";

function App() {
  return (
    <>
      <Input
        type="text"
        color="green"
        size="regular"
        outline={false}
        placeholder="Input"
      />
      <Button
        color="lightGreen"
        buttonType="filled"
        size="regular"
        rounded={false}
        ripple="light"
      >
        Button
    </Button>
    </>
  );

}

export default App;

Probar la aplicación

npm start

http://localhost:3000