Home
Get Started
Toggle Menu
ability to upload multiple images with shadcn-vue components. each image should be right clickable as a context menu <Tabs defaultValue="dimensions" v-model="currentTab" class="min-w-full bg-white rounded-md"> <TabsList class=""> <TabsTrigger v-for="tab in tabs" :key="tab.value" :value="tab.value">{{ $t(`label.${tab.value}`) }}</TabsTrigger> </TabsList> <TabsContent v-for="tab in tabs" :key="tab.value" :value="tab.value"> <div class="h-[360px] min-w-full flex"> <ContextMenu :current-tab="currentTab"/> </div> <Button class="w-full">Upload Image</Button> </TabsContent> </Tabs> </ResizablePanel> ContextMenu <script setup lang="ts"> import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from '@/components/ui/context-menu'; import { tabs } from '../d | A shadcn/ui and v0 generation - v0
Link to fzlck's v0.app Profile
ability to upload multiple images with shadcn-vue components. each image should be right clickable as a context menu <Tabs defaultValue="dimensions" v-model="currentTab" class="min-w-full bg-white rounded-md"> <TabsList class=""> <TabsTrigger v-for="tab in tabs" :key="tab.value" :value="tab.value">{{ $t(`label.${tab.value}`) }}</TabsTrigger> </TabsList> <TabsContent v-for="tab in tabs" :key="tab.value" :value="tab.value"> <div class="h-[360px] min-w-full flex"> <ContextMenu :current-tab="currentTab"/> </div> <Button class="w-full">Upload Image</Button> </TabsContent> </Tabs> </ResizablePanel> ContextMenu <script setup lang="ts"> import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from '@/components/ui/context-menu'; import { tabs } from '../d
Add
component
to project
Learn more
npx v0 add
a1B2c3d4
component.jsx
(read-only)
Log In to Copy Code
To enable copying code, saving to favorites, forking, and other features, please sign up or log in.
Authenticate
Copy Code
Copy CLI command
A
B
C
Link to fzlck's v0.app Profile
ability to upload multiple images with shadcn-vue components. each image should be right clickable as a context menu <Tabs defaultValue="dimensions" v-model="currentTab" class="min-w-full bg-white rounded-md"> <TabsList class=""> <TabsTrigger v-for="tab in tabs" :key="tab.value" :value="tab.value">{{ $t(`label.${tab.value}`) }}</TabsTrigger> </TabsList> <TabsContent v-for="tab in tabs" :key="tab.value" :value="tab.value"> <div class="h-[360px] min-w-full flex"> <ContextMenu :current-tab="currentTab"/> </div> <Button class="w-full">Upload Image</Button> </TabsContent> </Tabs> </ResizablePanel> ContextMenu <script setup lang="ts"> import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from '@/components/ui/context-menu'; import { tabs } from '../d
History
Toggle
v0
Desktop
Tablet
Mobile
Full Screen
History
Theme
Code
Theme