Igloo branding

Ellipsis

Informs user that text is clipped.

Installation

To install @igloo-ui/ellipsis in your project, you will need to run the following command using npm:

npm install @igloo-ui/ellipsis

If you prefer Yarn, use the following command instead:

yarn add @igloo-ui/ellipsis

Usage

Then to use the component in your code just import it!

import Ellipsis from '@igloo-ui/ellipsis';

<Ellipsis>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum
  ex vel felis commodo auctor. Nulla pulvinar velit eget scelerisque mattis.
  Curabitur augue leo, gravida non quam at, viverra varius metus.
</Ellipsis>;

API

PropTypeDescription
childrenReactNodeThe content to display inside the ellipsis
classNamestringAdd a className for the ellipsis content div
containerClassNamestringAdd a className for the ellipsis container div
dataTeststringAdd a data-test tag for automated tests
titlestringAdd a title to the ellipsis