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:

CSS Baseline

Import

import CssBaseline from '@mui/joy/CssBaseline';
// or
import { CssBaseline } from '@mui/joy';

Learn about the difference by reading this guide on minimizing bundle size.

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

Props

Props of the native component are also available.

children

You can wrap a node.

Type:

node

disableColorScheme

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

Type:

bool

Default:

false

The component cannot hold a ref.

Have any feedback about this new API display design?

We've heard from you and iterated on making the design of API content documentation more scalable and easier to parse! We value your input, so please don't hesitate to share any additional feedback you may have.