React mDL Components

Ready-to-use React components and hooks for mDL verification in your React applications.

Version: 1.0.6 | Platform: React 17+ | Standard: ISO 18013-5

Overview

The @owl-eyes/react-mdl package provides React components and hooks for mDL (Mobile Driver's License) verification. Built on top of the TypeScript SDK, it offers a seamless integration for React applications with:

Ready-to-use Components - Drop-in verification UI
Powerful Hooks - Full control with React hooks
Customizable Styling - CSS variables and className props
TypeScript Support - Full type definitions

Installation

Peer Dependencies: React 17.0.0 or later, React DOM 17.0.0 or later.

Quick Start

Wrap your app with MDLProvider and use theMDLVerifier component:

Components

The package includes these main components:

MDLProvider

Context provider for SDK configuration

MDLVerifier

Complete verification UI component

MDLQRCode

QR code display component

MDLStatus

Session status display

useMDLVerification

Hook for custom verification flows

useMDLSession

Hook for session management

Using Hooks

For custom UIs, use the hooks directly:

Next Steps

Provider Setup

Configure MDLProvider with all available options.

Components

Learn about all available React components.

Hooks

Build custom UIs with React hooks.

Styling

Customize component appearance.