Ellipsis
Informs user that text is clipped.
Version 0.3.5
StorybookInstallation
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
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | The content to display inside the ellipsis |
className | string | - | Add a className for the ellipsis content div |
containerClassName | string | - | Add a className for the ellipsis container div |
dataTest | string | - | Add a data-test tag for automated tests |
title | string | - | Add a title to the ellipsis |