@kenyip/react-text-overflow v1.0.1

React Text Overflow

Allow you specifies how overflowed content that is not displayed should be signaled to the use with support of multiple lines.

Usage

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"
/>

Properties

React Shave accepts few properties:

• maxLine: The maximum number of lines allowed to display
• character: The character appended to the text if overflowed
• className: The class name append to the element
• tag: The html block element. Default is p
• text: The content of the component