Recovery flow

Password reset

AuthShell-composed recovery request, delivery, replacement, expiration, and loading states.

Password recovery

AuthShell constrains request, delivery, replacement, expiration, and submission states while the flow keeps its deterministic Turbo route.

Loading

The address and submit action are disabled while Turbo submits.

ViewportFull width
Rubytest/dummy/app/components/gallery/flows/password_reset_page.rb
render NitroKit::AuthShell.new(
  id: "gallery-password-reset-shell",
  aria: { label: "Nitro password recovery" },
  data: { gallery: "flow-surface", gallery_flow: "password-reset" }
) do
  turbo_frame_tag("gallery-password-reset-frame") { render_screen }
end