Sleep

Nuxt Tent - Vue.js Nourished #.\n\nA light-weight Nuxt 3 component that utilizes the energy of CSS animations to produce silklike smooth signboards.\n\nSetup.\n# if you are actually using npm.\nnpm i -D nuxt-marquee.\n\n# if you're utilizing yarn.\nyarn incorporate -D nuxt-marquee.\n\n

if you are actually making use of pnpm.pnpm i -D nuxt-marquee.Utilization.To use this component, incorporate it to the elements segment of your nuxt.config.ts documents.export default defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Example.

Props.Residential or commercial property.Kind.Default.Description.design.CSSProperties.{-String.Split-|-}Inline design for the container div.type.any sort of."".Call of the css category to design the compartment div.autoFill.boolean.untrue.Whether to immediately load empty space in the tent along with copies of the youngsters or not.action.boolean.accurate.Whether to play or even pause the marquee.pauseOnHover.boolean.incorrect.Whether to pause the tent when hovered.pauseOnClick.boolean.misleading.Whether to pause the tent when clicked on.path." left behind" |"straight" |"up" |"down"." left behind".The direction the marquee slides Precaution: Vertical marquees are actually currently speculative and also might be actually buggy. Please swap the values of the signboard's height and also size when setting them.rate.amount.50.Speed determined as pixels/second.delay.number.0Timeframe to delay the animation after provide, in few seconds.loop.variety.0The amount of times the tent ought to loop, 0 amounts infinite.slope.boolean.untrue.Whether to show the incline or not.gradientColor.cord.white.The different colors of the incline.gradientWidth.variety |strand.200.The width of the gradient on either side.Events.Activity Name.Description.end.Released when the signboard completes scrolling and stops. Only refers to as if loophole is non-zero.cycleComplete.Sent out when the marquee finishes a loop. Does not call if optimum loopholes are reached out to (use onFinish as an alternative).