Adding extra buttons to a pywebio.input.input frame

[SupImDos]

Hi,

Thanks very much for the package, its very useful and I like the idea.

Using a pywebio.input.input creates a nice frame, with a Submit and Reset button:

I would like to add extra buttons inside this frame, while still retaining the functionality of Submit and Reset (i.e., press enter key to submit, clear input after submitting). For example (edited):

Is this possible?

[18870]

Use actions() and input_group()

Document: https://pywebio.readthedocs.io/en/latest/input.html#pywebio.input.actions

Demo: https://pywebio-demos.pywebio.online/doc_demo?app=demo-actions-submit

[SupImDos]

Perfect! Thank you so much :)

Here is example code for anyone wanting to produce the desired result from the question:

import pywebio

@pywebio.config(
    title="Example",
    description="Example of input with multiple buttons",
    theme="sketchy",
)
def main() -> None:
    # Create Header
    pywebio.output.put_markdown(
        """
        # Random Website
        This is a random example website
        """
    ).style("text-align:center;")

    # Loop Forever
    while True:
        # Draw Input
        info = pywebio.input.input_group(
            inputs=[
                pywebio.input.input(
                    name="data",
                    type=pywebio.input.TEXT,
                    required=False,
                    placeholder="Guess 1 of 10",
                ),
                pywebio.input.actions(
                    name="action",
                    buttons=[
                        {"label": "Submit", "value": "submit", "color": "primary"},
                        {"label": "Reset", "type": "reset", "color": "warning"},
                        {"label": "Extra Button", "value": "extra", "color": "success"},
                        {"label": "Another Extra Button", "value": "another", "color": "info"},
                    ],
                ),
            ]
        )

        # Go forth...
        print(info)


# Run Server
pywebio.start_server(main, 8080, "0.0.0.0")