Name		Name	Last commit message	Last commit date
parent directory ..
Box		Box
Container		Container
Stack		Stack
ThemeProvider		ThemeProvider
Unstable_Grid		Unstable_Grid
createTheme		createTheme
cssVars		cssVars
esm		esm
legacy		legacy
modern		modern
styleFunctionSx		styleFunctionSx
useThemeProps		useThemeProps
CHANGELOG.md		CHANGELOG.md
CSSProperties.d.ts		CSSProperties.d.ts
LICENSE		LICENSE
README.md		README.md
borders.js		borders.js
breakpoints.d.ts		breakpoints.d.ts
breakpoints.js		breakpoints.js
colorManipulator.d.ts		colorManipulator.d.ts
colorManipulator.js		colorManipulator.js
compose.js		compose.js
createBox.d.ts		createBox.d.ts
createBox.js		createBox.js
createBox.spec.d.ts		createBox.spec.d.ts
createStyled.d.ts		createStyled.d.ts
createStyled.js		createStyled.js
cssGrid.js		cssGrid.js
display.js		display.js
flexbox.js		flexbox.js
getThemeValue.js		getThemeValue.js
index.d.ts		index.d.ts
index.js		index.js
index.spec.d.ts		index.spec.d.ts
memoize.js		memoize.js
merge.d.ts		merge.d.ts
merge.js		merge.js
package.json		package.json
palette.js		palette.js
positions.js		positions.js
propsToClassKey.d.ts		propsToClassKey.d.ts
propsToClassKey.js		propsToClassKey.js
responsivePropType.d.ts		responsivePropType.d.ts
responsivePropType.js		responsivePropType.js
shadows.js		shadows.js
sizing.js		sizing.js
spacing.d.ts		spacing.d.ts
spacing.js		spacing.js
style.d.ts		style.d.ts
style.js		style.js
styled.d.ts		styled.d.ts
styled.js		styled.js
typography.js		typography.js
useTheme.d.ts		useTheme.d.ts
useTheme.js		useTheme.js
useThemeWithoutDefault.d.ts		useThemeWithoutDefault.d.ts
useThemeWithoutDefault.js		useThemeWithoutDefault.js

README.md

@mui/system

CSS utilities for rapidly laying out custom designs.

Install the package in your project directory with:

// with npm
npm install @mui/system @emotion/react @emotion/styled

// with yarn
yarn add @mui/system @emotion/react @emotion/styled