Vue Snip

Vue Snip

Text Truncation Directive


Description

Text Truncation Directive

Overview

vue-snip is a Vue.js directive that truncates the content of a text element when it exceeds a specified number of lines. It automatically re‑applies the truncation whenever the element is resized or reactive data changes.

Features

  • Supports two truncation methods: CSS-based and JavaScript-based, selectable on a per-element basis.
  • Compatible with both Vue.js 2 and Vue.js 3.
  • No external dependencies required.

Creator

Ajo Bilec

Related Projects

Markstream

AI-powered Streaming Markdown Renderer

Vue 3 JSON Editor

Vue 3 JSON Editor

JSON Editor Component

Vuelor

Vuelor

Colorpicker Component

Roughness

Roughness

Hand-drawn Component Library

Stk Table Vue

Stk Table Vue

Virtual List Component