Sleep

Nuxt Marquee - Vue.js Feed #.\n\nA light-weight Nuxt 3 component that takes advantage of the power of CSS computer animations to make satiny soft signboards.\n\nInstallation.\n# if you are actually making use of npm.\nnpm i -D nuxt-marquee.\n\n# if you are actually utilizing yarn.\nyarn incorporate -D nuxt-marquee.\n\n

if you're utilizing pnpm.pnpm i -D nuxt-marquee.Utilization.To use this element, include it to the components segment of your nuxt.config.ts report.export nonpayment defineNuxtConfig( //.components: [" nuxt-marquee"],. ).Instance.

Props.Building.Kind.Default.Classification.design.CSSProperties.{-String.Split-|-}Inline type for the container div.class.any."".Call of the css category to design the compartment div.autoFill.boolean.untrue.Whether to automatically fill up blank area in the tent along with copies of the kids or otherwise.action.boolean.true.Whether to participate in or even stop briefly the tent.pauseOnHover.boolean.incorrect.Whether to stop briefly the signboard when hovered.pauseOnClick.boolean.false.Whether to stop briefly the signboard when clicked on.path." left" |"straight" |"up" |"down"." left behind".The path the marquee slides Precaution: Vertical signboards are actually currently speculative and also might be buggy. Feel free to change the values of the signboard's height as well as width when setting them.velocity.variety.50.Rate figured out as pixels/second.hold-up.number.0Period to put off the computer animation after leave, in seconds.loophole.amount.0The amount of times the signboard should loophole, 0 is equivalent to infinite.gradient.boolean.incorrect.Whether to reveal the slope or otherwise.gradientColor.string.white colored.The colour of the slope.gradientWidth.number |strand.200.The size of the slope on either edge.Occasions.Celebration Name.Explanation.finish.Discharged when the marquee completes scrolling and ceases. Simply names if loop is actually non-zero.cycleComplete.Sent out when the tent finishes a loop. Carries out certainly not name if optimum loopholes are connected with (usage onFinish as an alternative).

Articles You Can Be Interested In