Customizable React component that can shorten long text using str_shorten library for better display

Install the module with:

npm install --save react-description-box

Import DescriptionBox to your React Component

import DescriptionBox from 'react-description-box';

let content = "You will win if you want";
<DescriptionBox maxChars='11' content={content}/>

The output will be

<div>You will...</div>

<DescriptionBox maxChars='11'
  content="You will win if you want"
  component={(props) => {
    return (
      <ul>
        <li>
          {props.children}
        <li>
      </ul>
    )
  }}
/>

The generated HTML will be

<ul>
  <li>
    You will...
  </li>
</ul>

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Contributions are welcome!

Thanks to the following repositories for code and inspiration:

• React Component Boilerplate

Copyright (c) 2018 Binh Quan

Licensed under the MIT license.