made with vue.js

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

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 Router Mock Mock Routing Interactions
#Testing #Utilities #Router
icon-eye-dark Created with Sketch. 514
Nuxt Image Optimized Images for Nuxt
#Image #Utilities
icon-eye-dark Created with Sketch. 2.406
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
VeeValidate Form Library
#Form #Utilities #UI utility
icon-eye-dark Created with Sketch. 8.427
Vue Observe Visibility Element Visibility Observer
#Utilities #UI utility #Event handling
icon-eye-dark Created with Sketch. 11.531
View all Projects
COMMUNITY SPONSORS
Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with Vue.js Learn more Vue application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more