Skip to content

CssBaseline API

API reference docs for the React CssBaseline component. Learn about the props, CSS, and other APIs of this exported module.

Demos

For examples and details on the usage of this React component, visit the component demo pages:

Import

import CssBaseline from '@mui/joy/CssBaseline';
// or
import { CssBaseline } from '@mui/joy';
You can learn about the difference by reading this guide on minimizing bundle size.

Kickstart an elegant, consistent, and simple baseline to build upon.

Component name

The name JoyCssBaseline can be used when providing default props or style overrides in the theme.

Props

Props of the native component are also available.

NameTypeDefaultDescription
childrennode
You can wrap a node.
disableColorSchemeboolfalse
Disable color-scheme CSS property.
For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme For browser support, check out https://caniuse.com/?search=color-scheme

The component cannot hold a ref.