3.0.73 • Published 2 years ago

@royyanbach-mhg-test/material-tailwind-react v3.0.73

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Documentation

Visit https://www.material-tailwind.com/docs/react/installation for full documentation.

Components

Getting Started

Learn how to use @material-tailwind/react components to quickly and easily create elegant and flexible pages using Tailwind CSS.

@material-tailwind/react is working with Tailwind CSS classes and you need to have Tailwind CSS installed on your project - Tailwind CSS Installation.

  1. Intall @material-tailwind/react.
npm i @material-tailwind/react
  1. Once you install @material-tailwind/react you need to wrap your tailwind css configurations with the withMT() function coming from @material-tailwind/react/utils.
const withMT = require("@material-tailwind/react/utils/withMT");

module.exports = withMT({
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
});
  1. @material-tailwind/react comes with a theme provider that set's the default theme/styles for components or to provide your own theme/styles to your components. You need to wrap your entire application with the ThemeProvider coming from @material-tailwind/react.
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

// @material-tailwind/react
import { ThemeProvider } from "@material-tailwind/react";

const root = ReactDOM.createRoot(document.getElementById("root"));

root.render(
  <React.StrictMode>
    <ThemeProvider>
      <App />
    </ThemeProvider>
  </React.StrictMode>,
);
  1. Congratulations 🥳, you did it, now you're ready to use @material-tailwind/react.
import { Button } from "@material-tailwind/react";

export default function Example() {
  return <Button>Button</Button>;
}

Community

We're excited to see the community adopt Material Tailwind, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

Contributing

Contributions are always welcome!

See CONTRIBUTING.md for ways to get started.

Please adhere to this project's CODE_OF_CONDUCT.md.

License

MIT

3.0.67

2 years ago

3.0.68

2 years ago

3.0.69

2 years ago

3.0.70

2 years ago

3.0.72

2 years ago

3.0.73

2 years ago

3.0.66

2 years ago

3.0.65

2 years ago

3.0.64

2 years ago

3.0.63

2 years ago

3.0.62

2 years ago

3.0.61

2 years ago

3.0.60

2 years ago

3.0.59

2 years ago

3.0.58

2 years ago

3.0.57

2 years ago

3.0.56

2 years ago

3.0.55

2 years ago

3.0.54

2 years ago

3.0.53

2 years ago

3.0.52

2 years ago

3.0.51

2 years ago

3.0.50

2 years ago

3.0.48

2 years ago

3.0.47

2 years ago

3.0.45

2 years ago

3.0.44

2 years ago

3.0.43

2 years ago

3.0.42

2 years ago

3.0.41

2 years ago

3.0.40

2 years ago

3.0.39

2 years ago

3.0.38

2 years ago

3.0.37

2 years ago

3.0.36

2 years ago

3.0.35

2 years ago

3.0.34

2 years ago

3.0.33

2 years ago

3.0.32

2 years ago

3.0.31

2 years ago

3.0.30

2 years ago

3.0.29

2 years ago

3.0.28

2 years ago

3.0.27

2 years ago

3.0.26

2 years ago

3.0.25

2 years ago

3.0.24

2 years ago

3.0.23

2 years ago

3.0.22

2 years ago

3.0.21

2 years ago

3.0.20

2 years ago

3.0.19

2 years ago

3.0.18

2 years ago

3.0.17

2 years ago

3.0.16

2 years ago

3.0.15

2 years ago

3.0.14

2 years ago

3.0.13

2 years ago

3.0.12

2 years ago

3.0.11

2 years ago

3.0.10

2 years ago

3.0.9

2 years ago

3.0.8

2 years ago

3.0.7

2 years ago

3.0.6

2 years ago

3.0.5

2 years ago

3.0.4

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.0

2 years ago

2.1.9

2 years ago