You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: UPGRADE.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -318,7 +318,7 @@ import CardActions from '@material-ui/core/CardActions';
318
318
319
319
Following the same path as Material UI, react-admin now uses [JSS](https://github.com/cssinjs/jss) for styling components instead of the `style` prop. This approach has many benefits, including a smaller DOM, faster rendering, media queries support, and automated browser prefixing.
320
320
321
-
All react-admin components now accept a `className` prop instead of the `elStyle` prop. But it expects a CSS *class name* instead of a CSS object. To set custom styles through a class name, you must use the [`withStyles` Higher Order Component](https://material-ui-next.com/customization/css-in-js/#api) supplied by Material-UI.
321
+
All react-admin components now accept a `className` prop instead of the `elStyle` prop. But it expects a CSS *class name* instead of a CSS object. To set custom styles through a class name, you must use the [`withStyles` Higher Order Component](https://material-ui.com/customization/css-in-js/#api) supplied by Material-UI.
322
322
323
323
```diff
324
324
- import { EmailField, List, Datagrid } from 'admin-on-rest';
@@ -389,7 +389,7 @@ In addition to `elStyle`, Field and Input components used to support a `style` p
389
389
// </td>
390
390
```
391
391
392
-
Furthermore, some React-admin components such as the `List`, `Filter`, and `Datagrid` also accept a `classes` prop. This prop is injected by the [`withStyles` Higher Order Component](https://material-ui-next.com/customization/css-in-js/#api) and allows you to customize the style of some deep children. See the Theming documentation for details.
392
+
Furthermore, some React-admin components such as the `List`, `Filter`, and `Datagrid` also accept a `classes` prop. This prop is injected by the [`withStyles` Higher Order Component](https://material-ui.com/customization/css-in-js/#api) and allows you to customize the style of some deep children. See the Theming documentation for details.
393
393
394
394
**Tip**: When you set the `classes` prop in the `List` or `Datagrid` components, you might see warnings about the `cell` and `field` classes being unknown by those components. Those warnings are not displayed in `production` mode, and are just a way to ensure you know what you're doing. And you can make them disappear by destructuring the `classes` prop:
Copy file name to clipboardexpand all lines: docs/Admin.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -266,7 +266,7 @@ const App = () => (
266
266
267
267

268
268
269
-
For more details on predefined themes and custom themes, refer to the [Material UI Customization documentation](https://material-ui-next.com/customization/themes/).
269
+
For more details on predefined themes and custom themes, refer to the [Material UI Customization documentation](https://material-ui.com/customization/themes/).
Copy file name to clipboardexpand all lines: docs/Fields.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -739,7 +739,7 @@ import { UrlField } from 'react-admin';
739
739
740
740
## Styling Fields
741
741
742
-
All field components accept a `className` prop, allowing you to customize their style to your liking. We advise you to use the Material UI styling solution, JSS, to generate those classes. See their [documentation](https://material-ui-next.com/customization/css-in-js/#api) about that.
742
+
All field components accept a `className` prop, allowing you to customize their style to your liking. We advise you to use the Material UI styling solution, JSS, to generate those classes. See their [documentation](https://material-ui.com/customization/css-in-js/#api) about that.
Copy file name to clipboardexpand all lines: docs/List.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -272,7 +272,7 @@ It does so by inspecting its `context` prop.
272
272
273
273
**Tip**: Don't mix up this `filters` prop, expecting a React element, with the `filter` props, which expects an object to define permanent filters (see below).
274
274
275
-
The `Filter` component accepts the usual `className` prop but you can override many class names injected to the inner components by React-admin thanks to the `classes` property (as most Material UI components, see their [documentation about it](https://material-ui-next.com/customization/overrides/#overriding-with-classes)). This property accepts the following keys:
275
+
The `Filter` component accepts the usual `className` prop but you can override many class names injected to the inner components by React-admin thanks to the `classes` property (as most Material UI components, see their [documentation about it](https://material-ui.com/customization/overrides/#overriding-with-classes)). This property accepts the following keys:
276
276
277
277
*`form`: applied to the root element when rendering as a form.
278
278
*`button`: applied to the root element when rendering as a button.
The `List` component accepts the usual `className` prop but you can override many class names injected to the inner components by React-admin thanks to the `classes` property (as most Material UI components, see their [documentation about it](https://material-ui-next.com/customization/overrides/#overriding-with-classes)). This property accepts the following keys:
424
+
The `List` component accepts the usual `className` prop but you can override many class names injected to the inner components by React-admin thanks to the `classes` property (as most Material UI components, see their [documentation about it](https://material-ui.com/customization/overrides/#overriding-with-classes)). This property accepts the following keys:
425
425
426
426
*`root`: alternative to using `className`. Applied to the root element.
The `Datagrid` component accepts the usual `className` prop but you can override many class names injected to the inner components by React-admin thanks to the `classes` property (as most Material UI components, see their [documentation about it](https://material-ui-next.com/customization/overrides/#overriding-with-classes)). This property accepts the following keys:
540
+
The `Datagrid` component accepts the usual `className` prop but you can override many class names injected to the inner components by React-admin thanks to the `classes` property (as most Material UI components, see their [documentation about it](https://material-ui.com/customization/overrides/#overriding-with-classes)). This property accepts the following keys:
541
541
542
542
*`table`: alternative to using `className`. Applied to the root element.
0 commit comments