vue-triple-dots
Vue Triple Dots
Vue js component for showing html element with dot dot dot (...)
Demo
- https://vue-triple-dots.chantouch.me/
Setup
NPM
npm install --save vue-triple-dots
Yarn
yarn add vue-triple-dots
Add dependencies to your main.js
:
import Vue from 'vue'
import VueTripleDots from 'vue-triple-dots'
/*
or for SSR:
import VueTripleDots from 'vue-triple-dots/dist/ssr.js'
*/
Vue.use(VueTripleDots)
Note that all props are optional.
Name | Type | Default | Description |
---|---|---|---|
tag | String | 'div' | The element will render. |
ellipsis | String | '...' | 3 dots will show when text has more. |
callback | Function | undefined | |
truncate | string | undefined | |
tolerance | number | undefined | |
keep | string | null | |
watch | string | undefined | |
height | number | undefined | |
readLessKey | string | readLess | |
readMoreKey | string | readMore |
FAQ
Check closed issues with FAQ
label to get answers for most asked questions.
Development
To contribute to the library:
# build main library
npm install
npm run build
Dependencies
Dependencies
avoriaz: ^3.2.0babel-core: ^6.26.3babel-loader: ^6.0.0babel-preset-env: ^1.7.0babel-preset-latest: ^6.0.0babel-preset-stage-2: ^6.24.1cross-env: ^3.0.0css-loader: ^0.25.0file-loader: ^0.9.0node-sass: ^4.11.0sass-loader: ^5.0.1vue: ^2.0.0vue-loader: ^11.1.4vue-template-compiler: ^2.0.0webpack: ^2.7.0webpack-dev-server: ^3.1.11webpack-merge: ^4.1.1