DEV Community

Dhiman_aman
Dhiman_aman

Posted on

2

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)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay