005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
1.0 KiB
1.0 KiB
productId, title, components
| productId | title | components |
|---|---|---|
| joy-ui | React Sheet component | Sheet |
Sheet
Sheet is a generic container that supports Joy UI's global variants.
{{"component": "@mui/docs/ComponentLinkHeader"}}
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.
{{"demo": "SheetUsage.js", "hideToolbar": true, "bg": "gradient"}}
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.
{{"demo": "SimpleSheet.js"}}