| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Gradio Lite Demo</title> |
| <script src="https://cdn.jsdelivr.net/npm/@gradio/gradio-lite@latest"></script> |
| </head> |
| <body> |
|
|
| <div id="gradio-app"></div> |
|
|
| <script> |
| const config = { |
| "fn": "hello_world", |
| "inputs": [ |
| { |
| "type": "text", |
| "label": "Input Text" |
| } |
| ], |
| "outputs": [ |
| { |
| "type": "text", |
| "label": "Output Text" |
| } |
| ] |
| }; |
| |
| function hello_world(input_text) { |
| return `Hello, ${input_text}!`; |
| } |
| |
| gradioApp = new GradioApp(config, {hello_world}); |
| gradioApp.run(document.querySelector("#gradio-app")); |
| </script> |
|
|
| </body> |
| </html> |
