# Form Buttons

The [Blazor Form](https://demos.telerik.com/blazor-ui/form/overview) component adds a Submit Button at the end of the Form by default. You can add your own buttons through the `FormButtons` tag.

When you add that template, the form will no longer render the built-in Blazor Form submit Button so you can choose the buttons and layout you want to achieve. We recommend that you add a Submit Button in all cases so the users can save their work and fire the corresponding form [events](https://www.telerik.com/blazor-ui/documentation/components/form/events).

To make all form buttons fill the available width equally, set the Form's `ButtonsLayout` parameter to `FormButtonsLayout.Stretch`:

```RAZOR.skip-repl
<TelerikForm ButtonsLayout="FormButtonsLayout.Stretch">
    <FormButtons>
        <TelerikButton ButtonType="ButtonType.Submit">Submit</TelerikButton>
        <TelerikButton ButtonType="ButtonType.Button">Cancel</TelerikButton>
    </FormButtons>
</TelerikForm>
```

### How to add a Reset (Clear) button to the form

You can provide a standard [Telerik UI for Blazor Button](https://www.telerik.com/blazor-ui/documentation/components/button/overview) to allow the user to clear the contents of the editors in the Telerik Form. Refer to below Blazor Form Submit example for more details.

<demo metaUrl="client/form/buttons/example-1/" height="450"></demo>

## See Also

* [Form Overview](https://www.telerik.com/blazor-ui/documentation/components/form/overview)
* [Form Items](https://www.telerik.com/blazor-ui/documentation/components/form/formitems/overview)
* [Form Groups](https://www.telerik.com/blazor-ui/documentation/components/form/formgroups)
* [Orientation](https://www.telerik.com/blazor-ui/documentation/components/form/orientation)
* [Events](https://www.telerik.com/blazor-ui/documentation/components/form/events)