Two Factor Form

Block

Two-factor authentication verification form

Basic Usage

Two-Factor Authentication

Enter the 6-digit code from your authenticator app.

pnpm add @corew500/ui

import { TwoFactorForm } from "@corew500/ui/blocks/two-factor-form"

<TwoFactorForm>Content</TwoFactorForm>

Prop	Type	Default	Description
`onFormSubmit`	(data: TwoFactorFormData) => void	—	Called when the form is submitted
`loading`	enum	`false`	Whether the form is in a loading state
`glow`	enum	`false`	Enable glow effects
`title`	string	`Two-factor authentication`	—
`description`	string	`Enter the 6-digit code from your authenticator app.`	—
`labels`	{ code?: string; backupCode?: string; }	`{}`	—
`placeholders`	{ backupCode?: string; }	`{}`	—
`buttonLabels`	{ submit?: string; loading?: string; useBackupCode?: string; useAuthenticator?: string; }	`{}`	—
`errors`	{ code?: string; general?: string; }	`{}`	—
`features`	{ backupCodeOption?: boolean; }	`{}`	—