A truncated marquee component for Vue.js

Vue Trunquee

A truncated marquee component for Vue.js.

Trunquee.vue truncates text wider than its container, with a marquee reveal on mouse enter.

Vue Component Source

See: /src/components/Trunquee.vue

Props

Name Type Description
text String Text to truncate (required)
speed Number Marquee speed in milliseconds (default: 85)
cursor String CSS cursor on hover (default: 'help')

Usage

See: /src/Demo.vue

Demo

npm install
npm run serve

GitHub