Front-end/React.js(Next.js)
Material-UI Components - React
prden
2023. 2. 19. 10:56
1. Grid component
- The Grid component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to the DataGrid component.
- There are two types of layout: containers and items.
- Item widths are set in percentages, so they're always fluid and sized relative to their parent element.
- There are five grid breakpoints: xs, sm, md, lg, and xl.
https://mui.com/material-ui/react-grid/
React Grid component - Material UI
The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.
mui.com
2. Card component
1) Card :
2) CardContent :
3) Typography :
4) CardActions :