diff --git a/docs/data/joy/components/sheet/sheet.md b/docs/data/joy/components/sheet/sheet.md index 7dc383fb68ff57..d1ebd0fe04a173 100644 --- a/docs/data/joy/components/sheet/sheet.md +++ b/docs/data/joy/components/sheet/sheet.md @@ -11,8 +11,15 @@ unstyled: /base/react-sheet/ {{"component": "modules/components/ComponentLinkHeader.js"}} +## Basic + +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}} -## Basic +## Elevation + +`Sheet` comes with three predefined elevation values: `sm`, `md`, and `lg`. {{"demo": "SimpleSheet.js"}}