Account

`<UserButton/>`

<UserButton /> is the compact account trigger for signed-in users. It shows the current account, opens the account menu, and adapts its actions to the current session and deployment settings.

import { SignedIn, UserButton } from '@wacht/nextjs';export default function UserButtonUsage() {  return (    <>      <SignedIn>        <UserButton showName={false} />      </SignedIn>    </>  );}

›

showName?: boolean | undefined;

Whether the active user name is shown next to the avatar trigger.

`<UserControls/>`

<UserControls /> is the small signed-in cluster that combines the account trigger with the notification bell. It gives you the stock header setup without wiring the pieces together yourself.

import { SignedIn, UserControls } from '@wacht/nextjs';export default function UserControlsUsage() {  return (    <>      <SignedIn>        <UserControls />      </SignedIn>    </>  );}

`<ManageAccount/>`

<ManageAccount /> is the fuller account settings surface. It covers profile details, security, sessions, and other user-owned settings.

import { ManageAccount } from '@wacht/nextjs';export default function ManageAccountUsage() {  return (    <>      <ManageAccount />    </>  );}