Sheet
Sheet is a generic container that supports Joy UI's global variants.
Introduction
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
<Sheet />
Playground
Component
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>;
}
Basic usage
The Sheet
component, in addition to the variants, also has access to the color
prop, allowing you to use every palette of the theme.
Hello world!
<Sheet variant="outlined" color="neutral" sx={{ p: 4 }}>
Hello world!
</Sheet>