# 🔐 FIDO2 UI SDK - Standalone Demo

Demonstrate how to use FIDO2 UI SDK to manage devices in a standalone page

## 📌 What is Standalone Page Mode?

Standalone page mode renders a complete device management interface on the current page, suitable for scenarios requiring a dedicated device management page.

⚠️ Note:

Standalone page mode will replace the current page content. If your page already has a complete layout (like login.html or devices.html), it is recommended to use modal mode.

## 💻 Code Examples

Simplest standalone integration:

`Fido2UIManager.renderDeviceManager({ mode: 'standalone', serverUrl: SERVER_URL });`

With theme customization:

`Fido2UIManager.renderDeviceManager({ mode: 'standalone', serverUrl: SERVER_URL, theme: { logo: 'path/to/logo.png', primaryColor: '#f5576c', backgroundColor: '#ffffff' }, language: 'zh-CN' });`

## ✨ Features

- Standalone page with complete device management interface
- 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
- Responsive design, mobile support

## 🚀 Demo

Click the buttons below to experience standalone page mode:

💡 Tip:

After clicking the button, the page will be replaced with the device management interface. To return to this demo page, please refresh the browser.

## 📖 Use Cases

Standalone page mode is suitable for the following scenarios:

- Standalone device management page (similar to existing devices.html)
- User accesses device management directly via link
- Device management as a standalone page feature
- Need more screen space to display device information

Return to Device Management Page