mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 06:29:30 -07:00
33 lines
783 B
TypeScript
33 lines
783 B
TypeScript
import code from '@content/Backgrounds/LetterGlitch/LetterGlitch.vue?raw';
|
|
import type { CodeObject } from '../../../types/code';
|
|
|
|
export const letterGlitch: CodeObject = {
|
|
cli: `npx jsrepo add https://vue-bits.dev/ui/Backgrounds/LetterGlitch`,
|
|
usage: `<template>
|
|
<div class="letter-glitch-container">
|
|
<LetterGlitch
|
|
:glitch-colors="['#2b4539', '#61dca3', '#61b3dc']"
|
|
:glitch-speed="50"
|
|
:center-vignette="false"
|
|
:outer-vignette="false"
|
|
:smooth="true"
|
|
class="w-full h-full"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import LetterGlitch from "./LetterGlitch.vue";
|
|
</script>
|
|
|
|
<style scoped>
|
|
.letter-glitch-container {
|
|
width: 100%;
|
|
height: 500px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
</style>`,
|
|
code
|
|
};
|