atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Added Prism Usage

Browse Source
This commit is contained in:
Utkarsh-Singhal-26
2025-08-21 18:41:16 +05:30
parent d0b1a02d30
commit 66f32ab736
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/constants/code/Backgrounds/prismCode.ts
View File

@@ -3,7 +3,22 @@ import { createCodeObject } from '../../../types/code';
export const prism = createCodeObject(code, 'Backgrounds/Prism', { export const prism = createCodeObject(code, 'Backgrounds/Prism', {
installation: `npm install ogl`, installation: `npm install ogl`,
usage: ` usage: `<template>
<div style="width: 100%; height: 600px; position: relative;">
<Prism
animation-type="rotate"
:time-scale="0.5"
:height="3.5"
:base-width="5.5"
:scale="3.6"
:hue-shift="0"
:color-frequency="1"
:noise="0.5"
:glow="1"
/>
</div>
</template>
<script setup lang="ts"> <script setup lang="ts">
import Prism from "./Prism.vue"; import Prism from "./Prism.vue";
</script>` </script>`