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" />
}Built-in views
view | Default path |
|---|---|
redirect | /auth/redirect |
signIn | /auth/sign-in |
signUp | /auth/sign-up |
signOut | /auth/sign-out |
forgotPassword | /auth/forgot-password |
resetPassword | /auth/reset-password |
resetLinkSent | /auth/reset-link-sent |
verifyEmail | /auth/verify-email |
Registered plugins can contribute more views through their own viewPaths.auth, such as magicLink and magicLinkSent.
Installation
npx shadcn@latest add https://better-auth-ui.com/r/solid/auth.jsonAfter 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