made with vue.js

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

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 Use Fixed Header Fixed Header Component
#Utilities #UI utility
icon-eye-dark Created with Sketch. 1.222
Vue Scrollama Scrollytelling Component
#Utilities #UI utility #Event handling ...
icon-eye-dark Created with Sketch. 4.904
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
Splitpanes Panes Splitter / Resizer
#Utilities #UI utility #Layout
icon-eye-dark Created with Sketch. 7.351
Vue Starport Shared Component across Routes with Animations
#Animation #Utilities #UI utility
icon-eye-dark Created with Sketch. 1.091
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