This is a simple Django Form with just one input field. It is used to show how to use "button actions". On each button inside a <django-formset>, we can attach the event handler <button click="..."> to a chain of actions. This attribute then contains a list of actions, whose most notables are submit -> proceed.

This example mimicks a form which takes a few seconds for processing. For time-consuming form submission, it is good practice to improve the user experience by giving feedback. Here, the button tells its caller, that this action may take some time by displaying a spinner.

On succeeded submission, the button displays an okay tick for 1.5 seconds before proceeding.

On failed submission, the button displays a bummer symbol to signalize a failure.

<button click="clearErrors -> disable -> spinner -> submit -> okay(1500) -> proceed !~ enable -> bummer(9999)">Submit</button>