mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
30 lines
719 B
TypeScript
30 lines
719 B
TypeScript
import code from '@/content/Animations/GlareHover/GlareHover.vue?raw';
|
|
import type { CodeObject } from '@/types/code';
|
|
|
|
export const glareHover: CodeObject = {
|
|
cli: `npx jsrepo add https://vue-bits.dev/ui/Animations/GlareHover`,
|
|
usage: `<template>
|
|
<GlareHover
|
|
width="400px"
|
|
height="300px"
|
|
background="#060010"
|
|
border-color="#271E37"
|
|
border-radius="20px"
|
|
glare-color="#ffffff"
|
|
:glare-opacity="0.3"
|
|
:glare-size="300"
|
|
:transition-duration="800"
|
|
:play-once="false"
|
|
>
|
|
<div class="text-center text-5xl font-black text-white">
|
|
Hover Me
|
|
</div>
|
|
</GlareHover>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import GlareHover from "./GlareHover.vue";
|
|
</script>`,
|
|
code
|
|
};
|