Material ui text ellipsis after two line

Question

How can I ellipsis a text after two line in material ui?

Here https://material-ui.com/system/display/#text-overflow show for single line

Answer 1

Update using sx:

<Typography
   sx={{
      overflow: 'hidden',
      textOverflow: 'ellipsis',
      display: '-webkit-box',
      WebkitLineClamp: '2',
      WebkitBoxOrient: 'vertical',
   }}
>
</Typography>