| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>Push Button Demo</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <style> |
| body { |
| font-family: |
| -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; |
| margin: 0; |
| padding: 20px; |
| background-color: #f9fafb; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="max-w-4xl mx-auto"> |
| <h1 class="text-2xl font-bold mb-8 text-gray-800"> |
| Push Button Component Demo |
| </h1> |
| |
| <div class="bg-white rounded-lg shadow-lg p-6"> |
| <sketch-push-button-demo></sketch-push-button-demo> |
| </div> |
| </div> |
| |
| <script type="module" src="./sketch-push-button.demo.ts"></script> |
| </body> |
| </html> |