BETTER-AUTH. UI
Components

<Auth />

Renders the Solid auth component for the current path or explicit view.

Usage

import { Auth } from "@/components/auth/auth"

export function AuthDemo() {
  return <Auth view="signIn" />
}

Installation

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

After install, src/components/auth/auth.tsx and the copied auth view files are app-owned. Wire it to your TanStack Router auth route or pass an explicit view.

Props

Prop

Type

Last updated on

<UserView />

Renders a compact Solid user identity row with avatar, primary label, and optional secondary label.

<SignIn />

Renders a Solid sign-in form with email/password, username-aware, and provider button support.

On this page

UsageInstallationProps