Sleep

Nuxt Marquee - Vue.js Supplied #.\n\nA lightweight Nuxt 3 component that uses the energy of CSS animations to make satiny smooth tents.\n\nInstallment.\n# if you are actually using npm.\nnpm i -D nuxt-marquee.\n\n# if you're using yarn.\nthread add -D nuxt-marquee.\n\n

if you're utilizing pnpm.pnpm i -D nuxt-marquee.Usage.To use this component, add it to the modules part of your nuxt.config.ts data.export default defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Instance.

Props.Property.Kind.Nonpayment.Description.type.CSSProperties.{-String.Split-|-}Inline design for the compartment div.classification.any."".Name of the css class to style the compartment div.autoFill.boolean.incorrect.Whether to immediately fill blank area in the marquee with duplicates of the children or not.action.boolean.correct.Whether to participate in or pause the signboard.pauseOnHover.boolean.misleading.Whether to stop the tent when hovered.pauseOnClick.boolean.false.Whether to stop the tent when clicked on.path." left behind" |"straight" |"up" |"down"." left behind".The path the marquee slides Precaution: Upright marquees are actually currently speculative and might be buggy. Feel free to swap the market values of the tent's elevation and distance when setting all of them.velocity.amount.50.Speed calculated as pixels/second.problem.amount.0Timeframe to postpone the animation after render, in seconds.loop.number.0The number of opportunities the marquee should loop, 0 amounts infinite.slope.boolean.inaccurate.Whether to reveal the gradient or not.gradientColor.string.white colored.The shade of the gradient.gradientWidth.amount |cord.200.The distance of the gradient on either edge.Activities.Celebration Name.Description.finish.Sent out when the signboard completes scrolling and ceases. Just names if loop is actually non-zero.cycleComplete.Produced when the tent ends up a loophole. Performs not call if optimum loopholes are actually reached out to (make use of onFinish as an alternative).