@kenyip/react-text-overflow
Advanced tools
React.js component that truncates multi-line text within a html element based on number of lines
Allow you specifies how overflowed content that is not displayed should be signaled to the use with support of multiple lines.
import TextOverflow from "@kenyip/react-text-overflow";
<TextOverflow
maxLine={3}
character="..."
className="some-class-name"
tag="p"
text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo eu urna non iaculis"
/>
React Shave accepts few properties:
maxLine: The maximum number of lines allowed to displaycharacter: The character appended to the text if overflowedclassName: The class name append to the elementtag: The html block element. Default is ptext: The content of the componentFAQs
React.js component that truncates multi-line text within a html element based on number of lines
We found that @kenyip/react-text-overflow demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
A large-scale campaign abused GitHub Actions in compromised repositories to exploit CVE-2026-41940 in cPanel and WHM and steal server credentials.
Security News
Five frontier LLMs generated the same nonexistent package names, leaving 53 available for potential slopsquatting across PyPI and npm.
Security News
The White House’s Gold Eagle Initiative aims to coordinate AI-discovered vulnerabilities, validate findings, and accelerate patching across critical software.