Sleep

Nuxt Tent - Vue.js Supplied #.\n\nA light-weight Nuxt 3 component that uses the power of CSS computer animations to develop satiny smooth signboards.\n\nInstallation.\n# if you're utilizing npm.\nnpm i -D nuxt-marquee.\n\n# if you're utilizing thread.\nthread incorporate -D nuxt-marquee.\n\n

if you are actually utilizing pnpm.pnpm i -D nuxt-marquee.Consumption.To utilize this component, include it to the components part of your nuxt.config.ts documents.export nonpayment defineNuxtConfig( //.components: [" nuxt-marquee"],. ).Instance.

Props.Property.Type.Default.Description.design.CSSProperties.{-String.Split-|-}Inline design for the container div.type.any type of."".Name of the css category to design the container div.autoFill.boolean.untrue.Whether to instantly pack blank room in the marquee along with copies of the little ones or not.play.boolean.real.Whether to play or even pause the marquee.pauseOnHover.boolean.false.Whether to stop the signboard when hovered.pauseOnClick.boolean.false.Whether to pause the signboard when clicked on.direction." left" |"straight" |"up" |"down"." left".The path the marquee slides Warning: Vertical marquees are currently speculative and may be buggy. Feel free to swap the values of the marquee's height and also distance when establishing all of them.speed.variety.50.Speed determined as pixels/second.hold-up.number.0Length to delay the animation after leave, in few seconds.loop.number.0The variety of times the signboard need to loophole, 0 is equivalent to infinite.incline.boolean.false.Whether to present the slope or otherwise.gradientColor.string.white.The different colors of the slope.gradientWidth.amount |strand.200.The size of the slope on either side.Events.Activity Name.Explanation.end.Produced when the tent completes scrolling and ceases. Only calls if loop is actually non-zero.cycleComplete.Released when the tent finishes a loophole. Carries out certainly not name if max loops are actually reached (make use of onFinish instead).