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 :
'Front-end > React.js(Next.js)' 카테고리의 다른 글
| React ThemeProvider (0) | 2023.07.08 |
|---|---|
| Promise.all() vs. 단일 function을 통한 axios 호출 (0) | 2023.06.22 |
| Redux middleware(리덕스 미들웨어) (0) | 2022.12.04 |
| Vue, React 자동로그인 (0) | 2022.12.04 |
| useRef, forwardRef (0) | 2022.11.10 |