BETTER-AUTH. UI
Components

<UserView />

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

Usage

import { UserView } from "@/components/user/user-view"

function RouteComponent() {
  return (
    <div className="flex flex-col p-4 md:p-6 my-auto items-center">
      <UserView />
    </div>
  )
}
import { UserView } from "@better-auth-ui/shadcn"

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

Installation

npx shadcn@latest add https://better-auth-ui.com/r/user-view.json

Props

Prop

Type

Last updated on

<UserButton />

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

<Auth />

A dynamic authentication component that renders the appropriate auth view based on the current path or explicit view prop.

On this page

Usage
Installation
Props