0.1.3 • Published 5 years ago
vue2-read-more v0.1.3
vue2-read-more
This package provides an easy and flexible way to handle long descriptions and paragraphs.
Click here to see DEMO
Installation
npm install --save vue2-read-more
Also, add this in your main.js file
import Vue from 'vue'
import readMore from 'vue2-read-more'
Vue.use(readMore)
click here to see the [DEMO](https://gaurav0207.github.io/vue2-read-more/dist/index)
Features
- Add Read more with default string length (word limit: 5)
<readMore moreString="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s"></readMore>
- Add Read more with user defined word limit
<readMore wordsLimit=10 moreString="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s"></readMore>
- Add strings for both
Read more
withRead less
<readMore lessString="Lorem Ipsum has been" moreString="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s"></readMore>
- Add read more with
link
<readMore link="https://www.google.com" moreString="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s">
- Add Read more with
link
andtarget
<readMore link="https://www.google.com" target="_blank" moreString="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s">
- Add styling to content and links (
contentStyling
andlinkClass
is class name in props)<readMore contentClass="cotentStyling" linkClass="linkClass" link="https://www.google.com" target="_blank" : moreString="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s"></readMore>
Allows HTML Strings