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: docs/pages/api/container.md
+1-29
Original file line number
Diff line number
Diff line change
@@ -37,14 +37,13 @@ Any other props supplied will be provided to the root element (native element).
37
37
38
38
## CSS
39
39
40
-
<<<<<<< HEAD
41
40
- Style sheet name: `MuiContainer`.
42
41
- Style sheet details:
43
42
44
43
| Rule name | Global class | Description |
45
44
|:-----|:-------------|:------------|
46
45
| <spanclass="prop-name">root</span> | <spanclass="prop-name">.MuiContainer-root</span> | Styles applied to the root element.
47
-
| <spanclass="prop-name">disableGutters</span> | <spanclass="prop-name">.MuiContainer-disableGutters</span> | Styles applied to the inner `component` element if `disableGutters={true}`.
46
+
| <spanclass="prop-name">disableGutters</span> | <spanclass="prop-name">.MuiContainer-disableGutters</span> | Styles applied to the root element if `disableGutters={true}`.
48
47
| <spanclass="prop-name">fixed</span> | <spanclass="prop-name">.MuiContainer-fixed</span> | Styles applied to the root element if `fixed={true}`.
49
48
| <spanclass="prop-name">maxWidthXs</span> | <spanclass="prop-name">.MuiContainer-maxWidthXs</span> | Styles applied to the root element if `maxWidth="xs"`.
50
49
| <spanclass="prop-name">maxWidthSm</span> | <spanclass="prop-name">.MuiContainer-maxWidthSm</span> | Styles applied to the root element if `maxWidth="sm"`.
@@ -59,33 +58,6 @@ You can override the style of the component thanks to one of these customization
59
58
- With a theme and an [`overrides` property](/customization/globals/#css).
60
59
61
60
If that's not sufficient, you can check the [implementation of the component](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Container/Container.js) for more detail.
62
-
=======
63
-
You can override all the class names injected by Material-UI thanks to the `classes` prop.
64
-
This prop accepts the following keys:
65
-
66
-
67
-
| Name | Description |
68
-
|:-----|:------------|
69
-
| <spanclass="prop-name">root</span> | Styles applied to the root element.
70
-
| <spanclass="prop-name">gutters</span> | Styles applied to the root element if `disableGutters={false}`.
71
-
| <spanclass="prop-name">fixed</span> | Styles applied to the root element if `fixed={true}`.
72
-
| <spanclass="prop-name">maxWidthXs</span> | Styles applied to the root element if `maxWidth="xs"`.
73
-
| <spanclass="prop-name">maxWidthSm</span> | Styles applied to the root element if `maxWidth="sm"`.
74
-
| <spanclass="prop-name">maxWidthMd</span> | Styles applied to the root element if `maxWidth="md"`.
75
-
| <spanclass="prop-name">maxWidthLg</span> | Styles applied to the root element if `maxWidth="lg"`.
76
-
| <spanclass="prop-name">maxWidthXl</span> | Styles applied to the root element if `maxWidth="xl"`.
77
-
78
-
Have a look at the [overriding styles with classes](/customization/components/#overriding-styles-with-classes) section
79
-
and the [implementation of the component](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Container/Container.js)
80
-
for more detail.
81
-
82
-
If using the `overrides`[key of the theme](/customization/themes/#css),
83
-
you need to use the following style sheet name: `MuiContainer`.
84
-
85
-
## Notes
86
-
87
-
The component is fully [StrictMode](https://reactjs.org/docs/strict-mode.html) compatible.
0 commit comments