Comment Cards can be really really long and need to be truncated

[Pythonidaer]

Is there functionality in React-Bootstrap that can achieve this?

[Pythonidaer]

https://www.npmjs.com/package/react-read-more-read-less https://react-bootstrap.netlify.app/docs/utilities/transitions/#collapse

[Pythonidaer]

To test in develop branch::

import Card from 'react-bootstrap/Card';
import ShowMoreText from 'react-show-more-text';

function ExpandableCard({ title, text, lines }) {
  return (
    <Card>
      <Card.Header>{title}</Card.Header>
      <Card.Body>
        <ShowMoreText
          lines={lines}
          more="Read more"
          less="Read less"
          anchorClass="btn-link"
          expanded={false}
          width={280}
        >
          {text}
        </ShowMoreText>
      </Card.Body>
    </Card>
  );
}