Components

Ready-to-use React components for mDL verification.

MDLVerifier

A complete verification component that handles the entire flow including QR code display, status updates, and result handling.

Prop	Type	Required	Description
`requestedClaims`	`ClaimSet \| string[]`	Yes	Claims to request
`purpose`	`string`	Yes	Verification purpose shown to user
`mode`	`'in_person' \| 'online'`	No	Verification mode (default: 'in_person')
`timeout`	`number`	No	Session timeout in ms (default: 120000)
`autoStart`	`boolean`	No	Auto-start verification (default: true)
`showStatus`	`boolean`	No	Show status text (default: true)
`onSuccess`	`(result) => void`	Yes	Success callback
`onError`	`(error) => void`	No	Error callback
`onCancel`	`() => void`	No	Cancel callback
`onStatusChange`	`(status) => void`	No	Status change callback
`className`	`string`	No	Additional CSS class

A standalone QR code component for custom verification UIs. Use this when you want full control over the verification flow.

Prop	Type	Default	Description
`session`	`MDLSession`	Required	Active verification session
`size`	`number`	`256`	QR code size in pixels
`errorCorrection`	`'L' \| 'M' \| 'Q' \| 'H'`	`'M'`	Error correction level
`style`	`QRStyleOptions`	-	QR code styling
`className`	`string`	-	Additional CSS class
`alt`	`string`	'Verification QR Code'	Alt text for accessibility

Displays the current verification session status with appropriate icons and messages.

Prop	Type	Default	Description
`status`	`SessionStatus`	Required	Current session status
`showIcon`	`boolean`	`true`	Show status icon
`showSpinner`	`boolean`	`true`	Show loading spinner
`messages`	`StatusMessages`	Default messages	Custom status messages
`className`	`string`	-	Additional CSS class

Displays verification results including verified claims.

Prop	Type	Default	Description
`result`	`VerificationResult`	Required	Verification result object
`showClaims`	`boolean`	`true`	Show verified claims
`showIssuerInfo`	`boolean`	`false`	Show issuer information
`showTrustScore`	`boolean`	`false`	Show trust score
`claimsToShow`	`string[]`	All claims	Filter which claims to display
`formatters`	`Record<string, Function>`	-	Custom value formatters