Authentication flow

Sign in

AuthShell-composed credential entry, validation, submission, success, and mobile pressure.

Sign-in screen

AuthShell constrains one model-backed Card while the flow retains credentials, recovery navigation, Turbo replacement, and submission pressure.

Default

Ready for credentials with recovery and account-creation paths.

ViewportFull width
Rubytest/dummy/app/components/gallery/flows/sign_in_page.rb
render NitroKit::AuthShell.new(
  id: "gallery-sign-in-shell",
  aria: { label: "Nitro account sign in" },
  data: {
    gallery: "flow-surface",
    gallery_flow: "sign-in",
    gallery_mobile: state == "mobile" ? "true" : nil
  }.compact
) do
  turbo_frame_tag("gallery-sign-in-frame") { render_screen }
end