Sleep

Nuxt Marquee - Vue.js Nourished #.\n\nA lightweight Nuxt 3 component that uses the power of CSS computer animations to make sleek hassle-free signboards.\n\nSetup.\n# if you're using npm.\nnpm i -D nuxt-marquee.\n\n# if you're using thread.\nyarn include -D nuxt-marquee.\n\n

if you are actually using pnpm.pnpm i -D nuxt-marquee.Utilization.To use this element, include it to the modules area of your nuxt.config.ts report.export default defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Instance.

Props.Home.Kind.Default.Description.style.CSSProperties.{-String.Split-|-}Inline style for the container div.class.any type of."".Call of the css class to style the container div.autoFill.boolean.untrue.Whether to instantly pack empty room in the tent along with duplicates of the children or otherwise.play.boolean.real.Whether to play or even stop briefly the signboard.pauseOnHover.boolean.untrue.Whether to stop briefly the marquee when hovered.pauseOnClick.boolean.untrue.Whether to stop briefly the signboard when clicked.instructions." left behind" |"straight" |"up" |"down"." left".The instructions the marquee slides Precaution: Vertical tents are presently experimental and may be actually buggy. Satisfy swap the values of the tent's height as well as size when placing all of them.velocity.variety.Fifty.Velocity calculated as pixels/second.hold-up.variety.0Period to postpone the animation after provide, in few seconds.loophole.amount.0The number of opportunities the marquee should loop, 0 amounts infinite.incline.boolean.misleading.Whether to show the gradient or otherwise.gradientColor.cord.white colored.The different colors of the slope.gradientWidth.number |cord.200.The width of the slope on either edge.Occasions.Occasion Call.Summary.finish.Sent out when the signboard finishes scrolling and ceases. Only refers to as if loophole is actually non-zero.cycleComplete.Sent out when the signboard completes a loophole. Does certainly not refer to as if max loops are reached out to (use onFinish rather).