made with vue.js

#Utilities #UI utility
icon-eye-dark Created with Sketch. 1.276

Vue Snip

Text Truncation Directive

Visit Site

Description

Text Truncation Directive

"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."

Creator

Ajo Bilec

Social Media Links

Related Projects


Vue Grid Layout Grid Layout System
#Utilities #UI utility #Layout
icon-eye-dark Created with Sketch. 4.813
Vue Numeral Filter Vue.js filter for Numeral.js
#Utilities #UI utility #Filter
icon-eye-dark Created with Sketch. 3.532
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
try now
Vue ScrollTo Directive that scrolls to elements
#Utilities #UI utility #Scroll
icon-eye-dark Created with Sketch. 72.687
Vuex Pathify Unified path syntax to Vuex Stores
#Utilities #State management
icon-eye-dark Created with Sketch. 5.561
View all Projects
COMMUNITY SPONSORS
Storyblok is a headless CMS offering powerful APIs and visual editing for the content in your Vue & Nuxt projects Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more Vue UI Kit is a modular UI kit based on Vuetify, offering 130+ components for landing pages and dashboards Learn more Vue application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more