Component

Biometric button

A primary button that wraps a WebAuthn confirmation behind a single tap, spinning while the platform authenticator does its work. Built on the same biometrics library the app uses to register and verify passkeys.

The primitive

biometric button.tsx

<NativeBiometricButton
  label="Confirm with Face ID"
  pending={pending}
  onConfirm={confirm}
/>

Example

Confirming a transfer routes through this button: a tap triggers the platform authenticator, and a successful check raises a toast once the trade settles.

biometric-button-example.tsx

<NativeBiometricButton
  label="Authorize transfer"
  variant="primary"
  pending={pending}
  onConfirm={confirm}
/>

Capabilities

Prop	Type	Description
labelrequired	string	—
variant	"primary" \| "destructive"	—
disabled	boolean	—
pending	boolean	—
className	string	—
onConfirmrequired	() => void	—