add textbox labels

app.py

@@ -111,12 +111,18 @@ routes.get_types = get_types
 
 with gr.Blocks() as html_block:
     gr.Markdown("# Gradio Blocks (3.0) with REST API")
-    textbox = gr.Textbox("Input word number text:")
+    textbox_input = gr.Textbox(
+        value="forty-two",
+        label="Input number words:",
+    )
     button_text2int = gr.Button("text2int")
     button_text2int_preprocessed = gr.Button("text2int with preprocessing")
-    output = gr.Textbox("Output integer as text:")
-    button_text2int.click(text2int, inputs=[textbox], outputs=[output])
-    button_text2int_preprocessed.click(text2int_preprocessed, inputs=[textbox], outputs=[output])
+    textbox_output = gr.Textbox(
+        value="42",
+        label="Output integer:"
+    )
+    button_text2int.click(text2int, inputs=[textbox_input], outputs=[textbox_output])
+    button_text2int_preprocessed.click(text2int_preprocessed, inputs=[textbox_input], outputs=[textbox_output])
     gr.Markdown(r"""
 
 ## API
@@ -138,7 +144,7 @@ curl -X POST https://Hobson-gradio-rest-api.hf.space/api/predict/ -H 'Content-Ty
 ```
 """)
 
-interface = gr.Interface(lambda: None, inputs=[textbox], outputs=[output])
+interface = gr.Interface(lambda: None, inputs=[textbox_input], outputs=[textbox_output])
 
 html_block.input_components = interface.input_components
 html_block.output_components = interface.output_components