made with vue.js

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

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


v-gsap-nuxt GSAP for Nuxt
#Animation #Utilities #UI utility
icon-eye-dark Created with Sketch. 1.313
Vue Wrap Balancer Text Wrap Optimization Component
#Utilities #UI utility #Layout
icon-eye-dark Created with Sketch. 1.112
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
image-vuetify Created with Sketch.
Supercharge Your Development with the Power of Vue and Material Design
Discover now
Splitpanes Panes Splitter / Resizer
#Utilities #UI utility #Layout
icon-eye-dark Created with Sketch. 9.336
Vue Keyboard Trap Tab Keyboard Navigation Helper
#Utilities #UI utility #Accessibility
icon-eye-dark Created with Sketch. 459
View all Projects
COMMUNITY SPONSORS
Placid is a creative automation API & toolkit #madewithvuejs that lets you generate consistent visuals at scale Learn more Resolve Vue performance bottlenecks and errors faster with actionable insights from Sentry Learn more