# FIDO2 UI SDK - Modal Demo

# 🔐 FIDO2 UI SDK - Modal Demo

Demonstrate how to use FIDO2 UI SDK to manage devices in a popup window

## 📌 Quick Start

Click the button below to open the device manager modal:

## 💻 Code Examples

Simplest integration:

`Fido2UIManager.renderDeviceManager({ container: '#device-container', mode: 'modal', serverUrl: SERVER_URL });`

With theme customization:

`Fido2UIManager.renderDeviceManager({ container: '#device-container', mode: 'modal', serverUrl: SERVER_URL, theme: { primaryColor: '#ce59d9', backgroundColor: '#f8f9fa' }, language: 'zh-CN' });`

## ✨ Features

- Popup mode, stay on current page
- Add/delete FIDO2 devices support
- Real-time device list display
- Session status monitoring
- Theme color and style customization
- Multi-language support (Chinese/English/Japanese)
- Event callback system

## 📊 Event Log