Working examples showing how to integrate the @panoraexchange/widget-sdk into different frameworks.
| Example | Framework | Run |
|---|---|---|
| html-example | Plain HTML | npx http-server html-example |
| react-example | React + Vite | cd react-example && npm i && npm run dev |
| nextjs-app-router-example | Next.js (App Router) | cd nextjs-app-router-example && npm i && npm run dev |
| nextjs-pages-router-example | Next.js (Pages Router) | cd nextjs-pages-router-example && npm i && npm run dev |
Each example demonstrates all three display modes:
- INTEGRATED — Renders inline inside a target
<div> - WIDGET — Floating button in the corner
- MODAL — Centered popup dialog