React Sheet component - Joy UI

Sheet is a generic container that supports Joy UI's global variants.

The Sheet container is a generic container. It's a sibling to the Box component, and equivalent to Material UI's Paper, with the difference being that it supports Joy UI's global variants out of the box.

Sheet />

After installation, you can start building with this component using the following basic elements:

import Sheet from '@mui/joy/Sheet';

export default function MyApp() {
return Sheet>Holy sheet!Sheet>;
}

The Sheet component, in addition to the variants, also has access to the color prop, allowing you to use every palette of the theme.

Sheet variant="outlined" color="neutral" sx={{ p: 4 }}>
Hello world!
Sheet>

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

Was this page helpful?

•

•

Contents