Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Add DropdownMenuRadioItem and DropdownMenuCheckboxItem to demo

Browse Source
This commit is contained in:
rev4324 2023-08-29 22:57:17 +02:00
parent a5c63d3e4a
commit 4a553b26f2
1 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
apps/www/src/lib/registry/default/examples/DropdownMenuDemo.vue
View File

@ -15,11 +15,15 @@ import {
UserPlus,
Users,
} from 'lucide-vue-next'
import { ref } from 'vue'
import { Button } from '@/registry/default/ui/button'
import {
DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel,
DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger,
DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel,
DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger,
} from '@/registry/default/ui/dropdown-menu'
const dark = ref(true)
const radio = ref('top')
</script>
<template>
@ -103,6 +107,22 @@ import {
<span>API</span>
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuCheckboxItem v-model:checked="dark">
<span>Dark</span>
<DropdownMenuShortcut>⌘D</DropdownMenuShortcut>
</DropdownMenuCheckboxItem>
<DropdownMenuRadioGroup v-model="radio">
<DropdownMenuRadioItem value="top">
Top
</DropdownMenuRadioItem>
<DropdownMenuRadioItem value="bottom">
Bottom
</DropdownMenuRadioItem>
<DropdownMenuRadioItem value="right">
Right
</DropdownMenuRadioItem>
</DropdownMenuRadioGroup>
<DropdownMenuSeparator />
<DropdownMenuItem>
<LogOut class="mr-2 h-4 w-4" />
<span>Log out</span>