furey / vue-trunquee

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