mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
30 lines
985 B
TypeScript
30 lines
985 B
TypeScript
import code from '@/content/Animations/ImageTrail/ImageTrail.vue?raw';
|
|
import type { CodeObject } from '../../../types/code';
|
|
|
|
export const imageTrail: CodeObject = {
|
|
cli: `npx jsrepo add https://vue-bits.dev/ui/Animations/ImageTrail`,
|
|
installation: `npm install gsap`,
|
|
usage: `<template>
|
|
<div :style="{ height: '500px', position: 'relative', overflow: 'hidden'}">
|
|
<ImageTrail
|
|
:items="[
|
|
'https://picsum.photos/id/287/300/300',
|
|
'https://picsum.photos/id/1001/300/300',
|
|
'https://picsum.photos/id/1025/300/300',
|
|
'https://picsum.photos/id/1026/300/300',
|
|
'https://picsum.photos/id/1027/300/300',
|
|
'https://picsum.photos/id/1028/300/300',
|
|
'https://picsum.photos/id/1029/300/300',
|
|
'https://picsum.photos/id/1030/300/300',
|
|
]"
|
|
:variant="1"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import ImageTrail from "./ImageTrail.vue";
|
|
</script>`,
|
|
code
|
|
};
|