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