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.

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.