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

Updated <GridMotion /> background

Browse Source
This commit is contained in:
Utkarsh Singhal
2025-07-12 13:22:56 +05:30
committed by GitHub
parent af076d6faf
commit 4f3eba93ed
1 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/constants/code/Backgrounds/gridMotionCode.ts
View File

@@ -13,33 +13,33 @@ export const gridMotion: CodeObject = {
<script setup lang="ts"> <script setup lang="ts">
import GridMotion from "./GridMotion.vue"; import GridMotion from "./GridMotion.vue";
const items = [ const items = [
'Item 1', "Item 1",
"<div key='jsx-item-1'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 2', "Item 2",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'Item 4', "Item 4",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 5', "Item 5",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'Item 7', "Item 7",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 8', "Item 8",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'Item 10', "Item 10",
"<div key='jsx-item-3'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 11', "Item 11",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'Item 13', "Item 13",
"<div key='jsx-item-4'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 14', "Item 14",
// Add more items as needed // Add more items as needed
]; ];
</script>`, </script>`,
code, code,
}; };