Component that implements show more/less text functionality, typically used to hide portions of large text fields that a user may or may not be interested in. 

Options

• Lines to display - Maximum number of lines to display in 'non-expanded' view
• Show more text - Text to display for 'Show more' link
• Show less text - Text to display for 'Show less' link
• Empty text - Text to display when input text is empty
• Justify text - Toggle to justify input text block

The component makes use of the '-webkit-line-clamp' CSS property to limit the number of lines shown. This property is supported in all modern browsers (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) 

It has been tested and verified in Chrome, Edge and Firefox.

Known issues

• The justify text functionality has been giving issues in Firefox, will be looking into a fix for a future version.

Please do not hesitate to contact me if there are any issues or if you have any improvement suggestions!