mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
29 lines
746 B
TypeScript
29 lines
746 B
TypeScript
import code from '@content/Animations/Ribbons/Ribbons.vue?raw';
|
|
import type { CodeObject } from '../../../types/code';
|
|
|
|
export const ribbons: CodeObject = {
|
|
cli: `npx jsrepo add https://vue-bits.dev/ui/Animations/Ribbons`,
|
|
installation: `npm install ogl`,
|
|
usage: `<template>
|
|
<Ribbons
|
|
:colors="['#ff9346', '#7cff67', '#ffee51', '#5227FF']"
|
|
:base-spring="0.03"
|
|
:base-friction="0.9"
|
|
:base-thickness="30"
|
|
:offset-factor="0.05"
|
|
:max-age="500"
|
|
:point-count="50"
|
|
:speed-multiplier="0.6"
|
|
:enable-fade="false"
|
|
:enable-shader-effect="false"
|
|
:effect-amplitude="2"
|
|
:background-color="[0, 0, 0, 0]"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Ribbons from "./Ribbons.vue";
|
|
</script>`,
|
|
code
|
|
};
|