Add native <Form> component to Material UI

[mordeccai]

Summary

This is annoying.

Right now we have to do:

<Box component="form">
  <Button type="submit">Submit</Button>
</Box>

Please add a simple:

<Form>
  <Button>Submit</Button>
</Form>

No type="submit" needed.
No Box prop hacks.
Cleaner, more semantic, less boilerplate.

Examples

No response

Motivation

No response

Search keywords: Form

[mordeccai]

Is this on the roadmap?

[mj12albert]

We're not adding new components at the moment, what issues do you have with <Box component="form">? You could also make your own styled('form') to use sx or the theme

[mordeccai]

The issue isn’t that <Box component="form"> doesn’t work, it hides semantics and adds boilerplate.

Forms are a first-class HTML concept, but in MUI they require a layout component + a prop hack + type="submit" everywhere. Using styled('form') doesn’t solve this either, it still requires type="submit", which is noisy and easy to forget.

A thin <Form> wrapper would reduce boilerplate, improve readability, and match how MUI treats other semantic primitives like <Button> and <Table>.

[mordeccai]

Any clarification on this?