diff --git a/UPGRADE.md b/UPGRADE.md index cb7807b46e8..c9045b158f0 100644 --- a/UPGRADE.md +++ b/UPGRADE.md @@ -799,3 +799,38 @@ const OrderEdit = (props) => ( Some components (such as ``) accepted the `helperText` in their `meta` prop. They now receive it directly in their props. Besides, all components now display their error or their helperText, but not both at the same time. + +## Form Inputs are now filled and dense by default + +To better match the [Material Design](https://material.io/components/text-fields/) specification, react-admin defaults to the 'filled' variant for form inputs, and uses a *dense* margin to allow more compact forms. This will change the look and fill of existing forms built with ``, ``, and ``. If you want your forms to look just like before, you need to set the `variant` and `margin` props as follows: + +```diff +// for SimpleForm +const PostEdit = props => + + + // ... + + ; +// for TabbedForm +const PostEdit = props => + + + + // ... + ; +```