Vue see more
Plugin to assist in displaying long texts
Version: 1.0.4 Updated: 08/12/2020
By: fsenaweb License: MIT
Downloads Last 30 Days: 27
Vue See More
Vue See More is a simple npm component for Vue.js. which hides large text by displaying a minimum size and a maximum text size so as not to damage the layout of your app. The idea is to cut at the best point, not just a specific character, to cut short words.
How to Use
Vue See More is extraordinarily simple to use with vue. You only need to add some props, as a text, a letters quantity and the the words to exibition in app to expand or retract the text.
Install and Import
npm install --save vue-see-more import VueSeeMore from 'vue-see-more';
<vue-see-more see-more="" see-less="" to-text="" text-style="" link-style="" count-letters="" />
|to-text||'A completed text"|
The parameters text-styles and link-styles are not mandatory and accept custom styles from the project itself, such as from external frameworks, such as bootstrap, bulma, tailwind-css, among others.
<vue-see-more see-more="See More" see-less="Retract" to-text="A completed text" text-style="a-css-class" link-style="a-css-class" count-letters="80" />
The intention is to improve this package more and more, with the intention of helping others who use this method of hiding large texts to improve the use of some apps.
If you are interested, please submit a pull request from your code and we will help to get developers a simple and quality system to provide the services.
Vue See More is Open Source software released under the MIT license.