feat(mantine): EllipsisText component supports line-clamp #3943
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Proposed Changes
The
EllipsisText
component is a very useful component to truncate long text and provide a tooltip to show the full value.I added support for the
lineClamp
prop on the component so you can display text on a given amount of lines before it gets truncated.Note: I left the default styling intact when no
lineClamp
is passed otherwise it breaks when the component is part of a container that prevents wrapping likeChip.
Demo. 🧪
Potential Breaking Changes
N/A
Acceptance Criteria