matt-d-rat/react-middle-truncate

React-middle-truncate is a React component that intelligently truncates text in the middle of a string with an ellipsis, making it ideal for displaying long strings like URLs or connection strings where the beginning and end are more important than the middle. It dynamically calculates text width using Canvas and allows customization of truncation points using either character counts or regular expressions.