components/NavUser.vue

shadcn-vue · deprecated/www/src/registry/new-york/blocks/Sidebar08/components/NavUser.vue · vue · MIT
ui

User profile dropdown menu with avatar, account actions, and logout in sidebar navigation.

<!--
  Source: https://github.com/unovue/shadcn-vue | License: MIT | Copyright 2023 unovue
  Provided via justclaw.it.com; keep this notice with the code.
-->
<script setup lang="ts">
import {
  BadgeCheck,
  Bell,
  ChevronsUpDown,
  CreditCard,
  LogOut,
  Sparkles,
} from "lucide-vue-next"

import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@/registry/new-york/ui/avatar"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/registry/new-york/ui/dropdown-menu"
import {
  SidebarMenu,
  SidebarMenuButton,
  SidebarMenuItem,
  useSidebar,
} from "@/registry/new-york/ui/sidebar"

const props = defineProps<{
  user: {
    name: string
    email: string
    avatar: string

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key