made with vue.js

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

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 Cosha Colourful shadows for images
#Image #Utilities #UI utility
icon-eye-dark Created with Sketch. 1.632
Vue Layout System Layouting Components
#UI Components #Utilities #UI utility ...
icon-eye-dark Created with Sketch. 1.360
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 for Scrolling to Elements
#Utilities #UI utility #Scroll
icon-eye-dark Created with Sketch. 76.635
Vue Ads pagination Pagination Component
#Utilities #UI utility #Pagination
icon-eye-dark Created with Sketch. 3.717
View all Projects
COMMUNITY SPONSORS
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 The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with Vue.js Learn more