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

    Keywords

    none

    Install

    npm i react-ellipsis-with-tooltip

    DownloadsWeekly Downloads

    2,453

    Version

    1.1.1

    License

    MIT

    Unpacked Size

    13.9 kB

    Total Files

    4

    Last publish

    Collaborators

    • amirfefer