<UserDropdown />

The UserDropdown component renders a button showing the user's avatar or name. When clicked, it opens a dropdown menu with links to the user profile and a sign-out action. It is auto-registered by the Nuxt module.

Usage

Basic Usage

components/NavBar.vue

<template>
  <nav>
    <SignedIn>
      <UserDropdown />
    </SignedIn>
    <SignedOut>
      <SignInButton />
    </SignedOut>
  </nav>
</template>

Props

Prop	Type	Required	Description
appearance	Appearance	❌	Customize the component's visual appearance
preferences	Preferences	❌	Customization options for i18n and theming