DEV Community 👩‍💻👨‍💻

Dhiman_aman
Dhiman_aman

Posted on

Using Material UI in React Project

*What is Material UI? *
Material-UI is simply a library that allows us to import and use different components to create a user interface in our React applications. This saves a significant amount of time since the developers do not need to write everything from scratch

To install Matrial UI

npm install @mui/material @emotion/react @emotion/styled
Enter fullscreen mode Exit fullscreen mode

with the icon pack to use the icons in project as a tag

npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
Enter fullscreen mode Exit fullscreen mode

Navbar

  • to create a navbar, we can use mui tag
    https://mui.com/material-ui/react-app-bar/#main-content

  • in these tag we can use our custom css with _ sx ={} _

Top comments (0)

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. 🛠