MiddleEllipsis

When you don't have enough space to display something, but you want to display the end of this content. For sure, if you have enough room, ellipsis won't appear. :)

Basic

() => <MiddleEllipsis text={textToEllipsis} />

Without title

If this component is wrapped into a button with already a tooltip or a title, you might want not having the title, thanks to displayTitle={false}

If needed, this component can have some additional classes.

() => <MiddleEllipsis className="w-1/2" text={textToEllipsis} />