Auth Layout

Centered single-column layout from the Catalyst kit, for a plain sign-in / forgot-password screen. The SafeWay product doesn’t use it: the buyer-facing auth screens (login, set-password, forgot-password) all use the split-screen EnrollmentLayout instead. Kept here as a reference primitive.

Live examples

The product’s finished auth screens use EnrollmentLayout: see /login and /forgot-password.

Minimal usage

<AuthLayout>
  {/* form content here */}
</AuthLayout>

Notes

AuthLayout renders its own full-page chrome, so it must sit at the root of a route group (not nested inside the app shell). For SafeWay screens, reach for EnrollmentLayout.

Theme