react-ellipsis-with-tooltip
DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/react-ellipsis-with-tooltip package

1.1.1 • Public • Published

react-ellipsis-with-tooltip

truncates (with ellipsis) overflowing text elements and adds a tooltip https://amirfefer.github.io/react-ellipsis-with-tooltip

Package Version semantic-release Downloads Status Build Status: Linux Coverage Status PRs Welcome dependencies Status devDependencies Status code style: prettier MIT License

Recognizes whether a text element is overflowed, truncates (with ellipsis) it and adds bootstrap's tooltip. Try via stroybook

Installation

npm install --save react-ellipsis-with-tooltip

or

yarn add react-ellipsis-with-tooltip

Usage

Table cell

import EllipsisWithTooltip from 'react-ellipsis-with-tooltip'
 
<td>
  <EllipsisWithTooltip placement="bottom">
     Lorem Ipsum
  </EllipsisWithTooltip>
<td>   

Anchor element

import EllipsisWithTooltip from 'react-ellipsis-with-tooltip'
 
<td>
  <EllipsisWithTooltip placement="bottom">
    <a href="#">  Lorem Ipsum </a> 
  </EllipsisWithTooltip>
<td> 

License

MIT © Amir Fefer

Readme

Keywords

none

Package Sidebar

Install

npm i react-ellipsis-with-tooltip

Weekly Downloads

1,541

Version

1.1.1

License

MIT

Unpacked Size

13.9 kB

Total Files

4

Last publish

Collaborators

  • amirfefer