Two Factor 2 - Split two factor with image

Pro

Two-column second-step screen with a six-digit code form and a full-height photograph.

Shadcn Two Factor 2 block

Component Data

  • ID:two-factor2
  • Access:pro
  • Created:Aug 20, 2026
  • Type:block

Two Factor 2 block design & features

TwoFactor2 is a split second-step screen built with Shadcn UI. The left column holds the heading, six-digit code input, and continue button. The right column is a full-height photograph hidden on small screens.

The form is left-aligned on a plain background. The image covers its column. The code row stays compact so the form does not tower over the photo.

A split auth pattern applied to the second factor. Complexity is moderate and mixed.