vinaysripath
Wed Jan 11 2023
Using Material UI to create an interface, use the icons, buttons, layouts, navigation and other MUI components. Using the
install MUI:
import the suitable components:
simply use them like normal tags and add inline styles using the
sx
prop to add css to individual components without using styled or tailwind classes.install MUI:
npm install @mui/material @emotion/react @emotion/styled
import the suitable components:
import { Box, IconButton, Paper, Typography } from "@mui/material";
simply use them like normal tags and add inline styles using the
sx
prop. The sx
prop allows us to use a superset of css classes making it very intuitive to use.