A simple react component that replaces long text with an ellipsis based on width of container, and number of lines allowed.
npm install @alexseitsinger/text-truncate
yarn add @alexseitsinger/text-truncate
<TextTruncate lines=3text="This is a short string of text that will be truncated when its content extends outside the dimensions of it's container. Change the line number to determine how much text to show before replacing the rest with an ellipsis."/>