Svelte

Gradio

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

import gradio as gr

def greet(name):
    return f"Hello, {name}!"

demo = gr.Interface(
    fn=greet,
    inputs="text",
    outputs="text",
)

demo.launch()

Gradio App.svelte カスタマイズ

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

import gradio as gr

def greet(name):
    return f"Hello, {name}!"

gr.Interface(
    fn=greet,
    inputs="text",
    outputs="text",
    title="My Gradio App",
    description="A simple greeting app.",
    # App.svelteのパスを指定
    template_file="templates/custom_app.svelte"
    # カスタムCSS 
    css="custom.css"
).launch()

custom_app.svelte:

1
2
3
4
5
6
7

<script>
  export let title;
  export let description;
</script>

<h1>{title}</h1>
<p>{description}</p>

記事