ttolbel UI

Component

Biometric button

A primary button styled for biometric-gated actions, with a fingerprint icon and a loading spinner while confirmation runs. Wire your own auth check in onConfirm.

Standalone

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

Example

Sensitive actions route through this button: on confirm your app runs its auth flow and can raise a success toast when it passes.

biometric-button-example.tsx
<NativeBiometricButton
  label="Confirm with Face ID"
  variant="primary"
  pending={pending}
  onConfirm={confirm}
/>

Capabilities

PropTypeDescription
labelrequiredstring-
variant"primary" | "destructive"-
disabledboolean-
pendingboolean-
classNamestring-
onConfirmrequired() => void-