mirror of
https://github.com/gradio-app/gradio.git
synced 2024-12-27 02:30:17 +08:00
523c08fe30
* design changes to playground * formatting * add changeset * share your app * tweak * add changeset * add changeset --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com> Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
50 lines
1.2 KiB
HTML
50 lines
1.2 KiB
HTML
<!doctype html>
|
|
<!-- A demo HTML file to test the bundled JS and CSS files -->
|
|
<html style="margin: 0; padding: 0; height: 100%">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"
|
|
/>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link
|
|
rel="preconnect"
|
|
href="https://fonts.gstatic.com"
|
|
crossorigin="anonymous"
|
|
/>
|
|
|
|
<script type="module" crossorigin src="./dist/lite.js"></script>
|
|
<link rel="stylesheet" href="./dist/lite.css" />
|
|
</head>
|
|
|
|
<body style="margin: 0; padding: 0; height: 100%">
|
|
<div id="gradio-app"></div>
|
|
|
|
<script type="module">
|
|
// type="module" is necessary to use `createGradioApp()`, which is loaded with <script type="module" /> tag above.
|
|
createGradioApp({
|
|
target: document.getElementById("gradio-app"),
|
|
code: `
|
|
import gradio as gr
|
|
|
|
def greet(name):
|
|
return "Hello, " + name + "!"
|
|
|
|
gr.Interface(fn=greet, inputs="text", outputs="text").launch()
|
|
`,
|
|
info: true,
|
|
container: true,
|
|
isEmbed: false,
|
|
initialHeight: "300px",
|
|
eager: false,
|
|
themeMode: null,
|
|
autoScroll: false,
|
|
controlPageTitle: false,
|
|
appMode: true
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|