Sheet

Sheet 是一個通用容器，支援 Joy UI 的全域變體。

簡介

Sheet 容器是一個通用容器。它是 Box 元件的同級元件，並且等同於 Material UI 的 Paper，不同之處在於它開箱即用就支援 Joy UI 的全域變體。

在安裝之後，您可以使用以下基本元素開始建構此元件

import Sheet from '@mui/joy/Sheet';

export default function MyApp() {
  return <Sheet>Holy sheet!</Sheet>;
}

Sheet 元件除了變體之外，還可以存取 color 屬性，讓您可以使用主題的每個調色盤。

Hello world!

<Sheet variant="outlined" color="neutral" sx={{ p: 4 }}>
  Hello world!
</Sheet>

<Sheet variant="outlined" color="neutral" sx={{ p: 4 }}>
  Hello world!
</Sheet>

按下 Enter 鍵開始編輯

請參閱以下文件，以完整參考此處提及之元件的所有屬性和類別。