@sparing-software/v-clamp
v1.0.1
Published
Vue directive plugin for text truncate
Downloads
512
Readme
Vue directive plugin for text truncate. Plugin cuts too long text and replace it with ellipsis.
How to use
Installation
Install package in your project
$ npm install @sparing-software/v-clamp
Configuration
Basic config in Vue app by global import plugin in main.js file
import Clamp from '@sparing-software/v-clamp'
Vue.use(Clamp)
Implementation
All you need to do is add v-clamp directive to element on which you want to ellipsis overflow and specify its height or max-height style property.
Look at the example below:
<template>
<p v-clamp class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</template>
<style>
.text {
max-height: 100px;
}
</style>
Contributing
Want to help improve this plugin? Great!
Project is open-source so fork repo and join us!
License
MIT License © Sparing Interactive