Sleep

Nuxt Marquee - Vue.js Nourished #.\n\nA light in weight Nuxt 3 component that harnesses the energy of CSS computer animations to create sleek soft marquees.\n\nSetup.\n# if you are actually utilizing npm.\nnpm i -D nuxt-marquee.\n\n# if you are actually using thread.\nthread incorporate -D nuxt-marquee.\n\n

if you are actually making use of pnpm.pnpm i -D nuxt-marquee.Utilization.To use this module, add it to the components part of your nuxt.config.ts data.export default defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Example.

Props.Property.Kind.Default.Description.design.CSSProperties.{-String.Split-|-}Inline style for the container div.class.any kind of."".Name of the css class to style the container div.autoFill.boolean.inaccurate.Whether to instantly fill up empty space in the signboard with copies of the youngsters or not.action.boolean.true.Whether to play or stop briefly the signboard.pauseOnHover.boolean.misleading.Whether to pause the signboard when hovered.pauseOnClick.boolean.false.Whether to stop the tent when clicked on.path." left" |"straight" |"up" |"down"." left".The instructions the marquee slides Alert: Vertical marquees are presently speculative and might be actually buggy. Satisfy exchange the worths of the signboard's height and size when placing all of them.rate.number.50.Rate worked out as pixels/second.hold-up.variety.0Length to put off the computer animation after render, in secs.loophole.variety.0The amount of opportunities the tent ought to loop, 0 amounts infinite.slope.boolean.false.Whether to show the slope or otherwise.gradientColor.string.white colored.The shade of the gradient.gradientWidth.variety |string.200.The width of the incline on either side.Events.Activity Call.Explanation.finish.Released when the signboard completes scrolling and also stops. Just calls if loophole is actually non-zero.cycleComplete.Produced when the tent finishes a loop. Carries out not call if maximum loopholes are connected with (usage onFinish rather).