Vue Snip

All Projects Utilities

Vue Snip

Text Truncation Directive

Creator

Ajo Bilec

Description

vue-snip is a Vue.js directive that clamps the content of a text element if it exceeds specified number of lines. It automatically re-snips the text after an element resize or reactive data change, and offers two snipping approaches (CSS / JS) picked on a per-element basis. vue-snip supports Vue.js 2 as well as Vue.js 3 and has no dependencies.

Related Projects

Vue-option-events

Vue-option-events

Bring Vue.js 1 events option and $emit to Vue.js 2.

Localize-vue-2x

Localize-vue-2x

Uni Localization Vue 2 integration example. Customizable Language Menu widget built with Web Components.

Vue-simple-events

Vue-simple-events

Yet another event management plugin, but WITHOUT Vue instance

Vue and vuex based library, writing less verbose code.

Vuex-declaration

Vuex-declaration

Declare state like props, make state inject to vuex dynamically when component created.

Vuex-local-state

Vuex-local-state

Add 'localState/sessionState' options to vuex. Keep the Vuex state with localStorage.