<ThunderIDUserDropdown />

The ThunderIDUserDropdown 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>
    <ThunderIDSignedIn>
      <ThunderIDUserDropdown />
    </ThunderIDSignedIn>
    <ThunderIDSignedOut>
      <ThunderIDSignInButton />
    </ThunderIDSignedOut>
  </nav>
</template>

Props

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