| product | title | githubLabel | unstyled |
|---|---|---|---|
joy-ui |
React Sheet component |
component: sheet |
/base/react-sheet/ |
Sheet generates a background element that can be used for various purposes.
{{"component": "modules/components/ComponentLinkHeader.js"}}
Use the Sheet component as a generic container for your components.
You can play around with variants, color, and elevation to achieve the desired result.
{{"demo": "SheetUsage.js", "hideToolbar": true}}
Sheet comes with three predefined elevation values: sm, md, and lg.
{{"demo": "SimpleSheet.js"}}