mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
28 lines
937 B
TypeScript
28 lines
937 B
TypeScript
import code from '@/content/Animations/ImageTrail/ImageTrail.vue?raw';
|
|
import { createCodeObject } from '@/types/code';
|
|
|
|
export const imageTrail = createCodeObject(code, '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>`
|
|
});
|