Skip to content
This repository has been archived by the owner on Aug 10, 2020. It is now read-only.
/ vue-trunquee Public archive

A truncated marquee component for Vue.js.

Notifications You must be signed in to change notification settings

furey/vue-trunquee

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue Trunquee

Trunquee Demo

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