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

romulogatto profile image

Working with Modules and Packages

Romulo Gatto -

terrateam-io profile image

OpenTofu Feature Preview: State Encryption

Terrateam -

aceld profile image

(Part 2) Golang Framework Hands-on - KisFlow Streaming Computing Framework - Project Construction / Basic Modules

Aceld -

melonlovershake profile image

Can someone help me with the coding here?

MelonLoverShake -