Sleep

Nuxt Signboard - Vue.js Feed #.\n\nA light in weight Nuxt 3 part that utilizes the power of CSS computer animations to produce silky smooth marquees.\n\nInstallation.\n# if you're utilizing npm.\nnpm i -D nuxt-marquee.\n\n# if you're using thread.\nyarn add -D nuxt-marquee.\n\n

if you are actually using pnpm.pnpm i -D nuxt-marquee.Usage.To utilize this component, add it to the components segment of your nuxt.config.ts report.export default defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Example.

Props.Property.Type.Default.Description.design.CSSProperties.{-String.Split-|-}Inline style for the compartment div.classification.any."".Call of the css class to design the compartment div.autoFill.boolean.untrue.Whether to immediately load empty room in the signboard along with duplicates of the children or otherwise.play.boolean.true.Whether to participate in or even pause the tent.pauseOnHover.boolean.inaccurate.Whether to stop briefly the tent when floated.pauseOnClick.boolean.misleading.Whether to stop the tent when clicked.path." left" |"straight" |"up" |"down"." left behind".The direction the marquee slides Precaution: Upright tents are presently speculative as well as might be actually buggy. Satisfy switch the values of the signboard's elevation and distance when placing them.speed.number.Fifty.Velocity calculated as pixels/second.delay.variety.0Duration to delay the animation after leave, in few seconds.loop.variety.0The lot of times the marquee must loop, 0 amounts infinite.gradient.boolean.misleading.Whether to reveal the incline or otherwise.gradientColor.strand.white.The shade of the incline.gradientWidth.number |strand.200.The width of the incline on either edge.Occasions.Event Call.Summary.finish.Given off when the signboard finishes scrolling as well as stops. Just refers to as if loop is non-zero.cycleComplete.Emitted when the marquee finishes a loop. Does certainly not name if maximum loops are actually reached out to (usage onFinish as an alternative).

Articles You Can Be Interested In