vue-marquee-text-component

Props

Name	Description	Config
duration	Animation Duration	`{ type: Number, default: 15 }`
repeat	Number of repeat the Slot (It's important for to short content)	`{ type: Number, default: 2 }`
paused	The property specifies whether the animation is running or paused	`{ type: Boolean, default: false }`
reverse	The animation plays backwards each cycle	`{ type: Boolean, default: false }`

Demo with test data

0,38% ATX 0,16% DAX 0,04% TecDax 0,19% MDAX 0,03% ESTX50 0,00% NIKKEI 0,03% EUR/CHF

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Listening to Events: Example - Stop on mouse hover

0,38% ATX 0,16% DAX 0,04% TecDax 0,19% MDAX 0,03% ESTX50 0,00% NIKKEI 0,03% EUR/CHF

To small content

use prop { :repeat="NUMBER" } when you know the content is not wider than parent

Default we clone default slot two times

START Short text =( END

after add prop { :repeat="10" }

START Short text =( END

Props

Demo with test data Pause

Listening to Events: Example - Stop on mouse hover

To small content

Demo with test data