made with vue.js

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

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. 378
Vue.resize Detect HTML Resize Events
#Utilities #UI utility
icon-eye-dark Created with Sketch. 26.278
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
Ripple effect Material Design Ripple Effect
#Animation #UI utility
icon-eye-dark Created with Sketch. 7.518
Viano Write Songs using Vue Components
#Music #Utilities #Audio video
icon-eye-dark Created with Sketch. 2.743
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 ThemeSelection offers high-quality and easy-to-use Vue & Vue+Laravel admin templates to create your apps faster Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more Placid is a creative automation API & toolkit #madewithvuejs that lets you generate custom visuals at scale Learn more Vue application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more