Two Factor 6 - Two factor recovery codes

Pro

Second-step panel that shows a grid of one-time recovery codes with a download action.

Shadcn Two Factor 6 block

Component data

ID
two-factor6
Access
pro
Created
Aug 20, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Two Factor 6 block design & features

TwoFactor6 is a recovery-code panel built with Shadcn UI. A heading and short paragraph sit above an eight-code grid. A download-style button and a lost-device note finish the stack.

The panel is a large muted sheet on a plain viewport. Codes sit in two columns with monospaced grouping. There is no OTP field on this screen.

Recovery codes are a less common 2FA surface and worth having as their own block. Complexity is moderate and content-driven.