<UserButton>

Avatar button + dropdown menu. Opens to show the user's name, email, a link to <UserProfile>, and a sign-out action. Invisible when the user is signed out.

Copy this quickstart guide as a prompt for LLMs to implement KolayLogin in your application.

Usage

import { SignedIn, UserButton } from '@kolaylogin/react';

<header>
  <SignedIn>
    <UserButton afterSignOutUrl="/" userProfileUrl="/account" />
  </SignedIn>
</header>

Props

afterSignOutUrl — where the browser lands after sign-out. Default '/'.
userProfileUrl — path to your own <UserProfile> page. Default '/user'.
showEmail — include the email under the name in the menu head. Default true.

Avatar

Pulls from Gravatar using the user's primary email. Fallback initials render when a Gravatar isn't available, so every user gets a readable badge without any setup.

← Previous