---
title: "UserButton Component"
description: "Avatar button rendering user profile dialog, active sessions management, and one-click logout."
order: 3
category: "Components"
updated: "2026-10-13"
---

# UserButton Component

The `<UserButton />` component renders the authenticated user's avatar. When clicked, it opens a profile menu allowing users to view their account info, manage active device sessions, configure MFA, and sign out.

## Usage

```tsx
import { UserButton } from '@authsetu/react';

export function Header() {
  return (
    <header className="flex justify-between items-center p-4 border-b">
      <span className="font-bold">App</span>
      <UserButton showName={true} />
    </header>
  );
}
```