Sourced from @​mantine/form's releases.

8.0.0 🌶️

View changelog with demos on mantine.dev website

Migration guide

This changelog covers breaking changes and new features in Mantine 8.0. To migrate your application to Mantine 8.0, follow 7.x → 8.x migration guide.

Granular global styles exports

Global styles are now splitted between 3 files:

• baseline.css – a minimal CSS reset, sets box-sizing: border-box and changes font properties
• default-css-variables.css – contains all CSS variables generated from the default theme
• global.css – global classes used in Mantine components

If you previously imported individual styles from @mantine/core package, you need to update imports to use new files:

import '@mantine/core/styles/baseline.css';
import '@mantine/core/styles/default-css-variables.css';
import '@mantine/core/styles/global.css';

If you imported @mantine/core/styles.css, no changes are required – all new files are already included in styles.css.

Menu with submenus

Menu component now supports submenus:

import { Button, Menu } from '@mantine/core';
function Demo() {
return (
<Menu width={200} position="bottom-start">
<Menu.Target>
<Button>Toggle Menu</Button>
</Menu.Target>
  &lt;Menu.Dropdown&gt;
    &lt;Menu.Item&gt;Dashboard&lt;/Menu.Item&gt;
&amp;lt;Menu.Sub&amp;gt;
  &amp;lt;Menu.Sub.Target&amp;gt;
    &amp;lt;Menu.Sub.Item&amp;gt;Products&amp;lt;/Menu.Sub.Item&amp;gt;
  &amp;lt;/Menu.Sub.Target&amp;gt;


</tr></table>

... (truncated)

• b1997c7 [release] Version: 8.0.0
• 7bc3344 Merge branch master into 8.0
• a3b5452 [release] Version: 7.17.5
• 1526191 [@​mantine/form] Add form.getInitialValues handler
• fc94243 [release] Version: 8.0.0-alpha.3
• 5c80395 Merge branch 'master' of github.com:mantinedev/mantine into 8.0
• 839e2d6 [@​maintine/core] use-field: Fix onValueChange always using stale function (...
• e41bdc3 [@​mantine/form] Fix incorrect circular types resolving (#7668)
• 38359b0 Merge branch "master" into "8.0"
• 2833831 [@​mantine/form] Add defaultChecked to form.getInputProps return type (#7702)
• Additional commits viewable in compare view

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)