Best of Vue.js
Vue Snip
All ProjectsUtilities

Vue Snip

Text Truncation Directive

Creator

Ajo Bilec

Description

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.
Visit Site
Related Projects
Vue-option-events
Vue-option-events
Bring Vue.js 1 events option and $emit to Vue.js 2.
Localize-vue-2x
Localize-vue-2x
Uni Localization Vue 2 integration example. Customizable Language Menu widget built with Web Components.
Vue-simple-events
Vue-simple-events
Yet another event management plugin, but WITHOUT Vue instance
Lue
Lue
Vue and vuex based library, writing less verbose code.
Vuex-declaration
Vuex-declaration
Declare state like props, make state inject to vuex dynamically when component created.
Vuex-local-state
Vuex-local-state
Add 'localState/sessionState' options to vuex. Keep the Vuex state with localStorage.
Explore Categories
All ProjectsGraphPiniaConferenceCode StyleFile UploadSVGTravelCarouselsAutocompleteNewsLink PreviewLaravelScaffoldUI ComponentsBooksA11yLayoutFiltersPersistenceButtonVue CLI PluginsPhone Number Input FormatterYandex MetrikaIntellijPWAExperimentMapWebAppsVuetifyTestUI LibraryGoogle AnalyticsPortalWYSIWYGFinanceDesign ToolImageProjects Using Vue.jsBoilerplateHealthPickerParallaxMobxAudio / VideoWebGLFrameworksEvent HandlingVisual StudioIconsTimeSSREducationWizardCollaborationReal EstateTabsLoadingOfficial ResourcesPodcastsCarouselPaginationCalendarsGraphQLStripeBracketsApps/WebsitesLifestyleServer-Sent EventsResponsive Design
About • Contact • Terms of Service • Privacy Policy
© Copyright 2020 Best of Vue.js