Sleep

Nuxt Marquee - Vue.js Supplied #.\n\nA light in weight Nuxt 3 element that harnesses the energy of CSS animations to make silklike smooth signboards.\n\nSetup.\n# if you're utilizing npm.\nnpm i -D nuxt-marquee.\n\n# if you're using thread.\nyarn incorporate -D nuxt-marquee.\n\n

if you are actually utilizing pnpm.pnpm i -D nuxt-marquee.Use.To utilize this component, incorporate it to the modules segment of your nuxt.config.ts data.export nonpayment defineNuxtConfig( //.elements: [" nuxt-marquee"],. ).Instance.

Props.Residential property.Kind.Default.Classification.type.CSSProperties.{-String.Split-|-}Inline type for the compartment div.class.any."".Call of the css class to type the compartment div.autoFill.boolean.misleading.Whether to automatically fill up empty area in the marquee with copies of the little ones or otherwise.action.boolean.correct.Whether to play or pause the signboard.pauseOnHover.boolean.incorrect.Whether to stop briefly the signboard when hovered.pauseOnClick.boolean.incorrect.Whether to stop briefly the signboard when clicked.instructions." left" |"right" |"up" |"down"." left behind".The path the marquee slides Caution: Upright marquees are presently experimental as well as might be actually buggy. Feel free to swap the values of the marquee's height and distance when putting them.rate.number.50.Rate calculated as pixels/second.delay.number.0Duration to delay the animation after render, in few seconds.loophole.amount.0The number of times the marquee should loop, 0 is equivalent to infinite.gradient.boolean.untrue.Whether to reveal the slope or not.gradientColor.strand.white.The colour of the incline.gradientWidth.amount |string.200.The distance of the incline on either side.Occasions.Occasion Name.Explanation.finish.Sent out when the signboard completes scrolling and stops. Only names if loophole is non-zero.cycleComplete.Sent out when the signboard finishes a loophole. Does not refer to as if optimum loopholes are actually reached (use onFinish as an alternative).