mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-09 00:19:31 -06:00
25 lines
735 B
TypeScript
25 lines
735 B
TypeScript
import code from '@content/TextAnimations/ScrollVelocity/ScrollVelocity.vue?raw';
|
|
import type { CodeObject } from '../../../types/code';
|
|
|
|
export const scrollVelocity: CodeObject = {
|
|
cli: `npx jsrepo add https://vue-bits.dev/ui/TextAnimations/ScrollVelocity`,
|
|
installation: `npm install gsap`,
|
|
usage: `<template>
|
|
<ScrollVelocity
|
|
:texts="['Vue Bits', 'Scroll Down']"
|
|
:velocity="100"
|
|
:damping="50"
|
|
:stiffness="400"
|
|
:velocity-mapping="{ input: [0, 1000], output: [0, 5] }"
|
|
class-name="custom-scroll-text"
|
|
parallax-class-name="custom-parallax"
|
|
scroller-class-name="custom-scroller"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import ScrollVelocity from "./ScrollVelocity.vue";
|
|
</script>`,
|
|
code
|
|
};
|