[Material Design] Material-UI(MUI) <글자 수 넘어가면 말줄임표 / 원하는 만큼의 줄만 보이게 하기>

Material ui text ellipsis after two line

      <Typography
        variant="body2" // 원하는 Typo
        sx={{
          WebkitLineClamp: "2", // 원하는 만큼의 줄
          overflow: "hidden",
          textOverflow: "ellipsis",
          display: "-webkit-box",
          WebkitBoxOrient: "vertical",
        }}
      >
        컨텐츠 내용
      </Typography>

 

✨✨✨