Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including @alexseitsinger/text-truncate with all npm packages installed. Try it out:

var textTruncate = require("@alexseitsinger/text-truncate")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@alexseitsinger/text-truncate v0.1.1

A simple react component that replaces long text with an ellipsis based on width of container, and number of lines allowed.

Text Truncate

Description

A simple react component that replaces long text with an ellipsis based on width of container, and number of lines allowed.

Installation

npm install @alexseitsinger/text-truncate

or

yarn add @alexseitsinger/text-truncate

Usage

import TextTruncate from "@alexseitsinger/text-truncate"

<TextTruncate lines={3}
              text={"This is a short string of text that will be truncated when its content extends outside the dimensions of it's container. Change the line number to determine how much text to show before replacing the rest with an ellipsis."}/>
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free