mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
feat: add scale props in infiniteMenuCode
This commit is contained in:
@@ -3,12 +3,15 @@ import { createCodeObject } from '@/types/code';
|
|||||||
|
|
||||||
export const infiniteMenu = createCodeObject(code, 'Components/InfiniteMenu', {
|
export const infiniteMenu = createCodeObject(code, 'Components/InfiniteMenu', {
|
||||||
usage: `<template>
|
usage: `<template>
|
||||||
<InfiniteMenu :items="menuItems" />
|
<InfiniteMenu :items="menuItems" :scale="scaleFactor" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { ref } from 'vue';
|
||||||
import InfiniteMenu from "./InfiniteMenu.vue";
|
import InfiniteMenu from "./InfiniteMenu.vue";
|
||||||
|
|
||||||
|
const scaleFactor = ref<number>(3);
|
||||||
|
|
||||||
const menuItems = [
|
const menuItems = [
|
||||||
{
|
{
|
||||||
image: 'https://images.unsplash.com/photo-1517180102446-f3ece451e9d8?w=800&h=800&fit=crop',
|
image: 'https://images.unsplash.com/photo-1517180102446-f3ece451e9d8?w=800&h=800&fit=crop',
|
||||||
|
|||||||
Reference in New Issue
Block a user