made with vue.js

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

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


Focus Trap Vue Trap Focus within a DOM Element
#UI Components #Utilities #UI utility
icon-eye-dark Created with Sketch. 1.701
Vue Ads pagination Pagination Component
#Utilities #UI utility #Pagination
icon-eye-dark Created with Sketch. 3.787
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 Macros Collection of Vue Macros
#Utilities
icon-eye-dark Created with Sketch. 4.918
Vue Masonry Masonry Layout Directive
#Utilities #UI utility #Layout
icon-eye-dark Created with Sketch. 35.430
View all Projects
COMMUNITY SPONSORS
Vue application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with Vue.js Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more