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)

Read next

kenichirowada profile image

Lambda's loop detection after it became compatible with loops triggered by S3.

Kenichiro Wada -

cihat profile image

TaskCard – Privacy-focused, procrastination-friendly task manager

Cihat Salik -

fahminlb33 profile image

Web Scraping for Product Analysis and Price Comparison

Fahmi Noor Fiqri -

innovative-insight profile image

What is Oracle Autonomous Database, and how does it differ from traditional databases?

Innovative Insight -