BETTER-AUTH. UI
Components

<UserButton />

Renders a user button with dropdown menu showing user info and sign out option.

Usage

import { UserButton } from "@better-auth-ui/heroui"

function RouteComponent() {
  return (
    <div className="flex flex-col p-4 md:p-6 items-center">
      <UserButton />
    </div>
  )
}

Props

Prop

Type

Last updated on

<UserAvatar />

Renders the current user's avatar using session data. Shows a skeleton while loading and falls back to initials when no image is available.

<UserView />

Renders a user view that shows the user's avatar alongside their name and email.

On this page

Usage
Props