Ninja Parading Musically

    react-text-clamp

    1.1.1 • Public • Published

    react-text-clamp

    React text component which allows you to ellipsis your multiline text. It uses ResizeSensor.js library by Marc J. Schmidt's and event emitter approach instead of CSS. Because of that it supports all browsers even IE.

    NPM JavaScript Style Guide

    Install

    npm i react-text-clamp --save

    Look

    Alt Text

    Usage

    import TextClamp from 'react-text-clamp'
     
    class Example extends Component {
      render () {
        return (
          <TextClamp fontSize={14} maxLines={3} rgbBgColor={'rgb(255,255,255)'}>
            Your text here
          </TextClamp>
        )
      }
    }

    props:

    • fontSize : font size number (required)
    • maxLines : determine max height of text component (required)
    • rgbBgColor : background color used for gradient transition (required)
    • textAlign : text align, (default justify)
    • shouldntClamp : boolean used for toggle between clamped and expanded state (true for expand)

    License

    MIT ©

    Install

    npm i react-text-clamp

    DownloadsWeekly Downloads

    37

    Version

    1.1.1

    License

    MIT

    Unpacked Size

    44.9 kB

    Total Files

    6

    Last publish

    Collaborators

    • a2best